资源放在微博:深海鱼二次方
阅读感比较好的地方在我的个人博客,链接也在微博
大家随意转载,转给有需要的人,转给无辜受牵连的人。
教程写得不太好,如果哪里不对,希望大家多包涵,谢谢了。
前言
不用费心踩到雷点词汇!不用担心文章被屏蔽!不用苦恼平台会被牵连无辜!
不必掌握编程语言!不必花钱就能给自己的页面加各种特效!
这一切只需要五分钟和一台电脑。
这还不值得你试一试吗(。・∀・)ノ゙
原理
打开冰箱,使用Hexo生成静态网站
把大象放进冰箱,利用Git将文件上传至Github
把冰箱门带上,hexo deploy部署网站上线
准备
搭建网站
详细步骤安装Git
这个部分没什么可说的,傻瓜操作就行,从头next到尾。
安装完毕。
验证Git是否安装成功
找到键盘上的
输入cmd
打开命令窗口
输入
git --version
得到版本信息 git version 2.15.1.window.2,Git安装成功
安装 Node.js
这里有一个重点,一定要添加路径!!! Add the path !!!>
!
验证Nobe.js是否安装成功
找到键盘上的
输入cmd
打开命令窗口
输入
node -v
npm -v
得到版本信息,node安装成功
PS. 如果网络不好,这里可以先添加国内镜像,再进行hexo安装(这步也可以在命令窗口中完成,和输入node -v之类命令的一样)
这一步不是必须的,看个人。
npm config set registry https://registry.npm.taobao.org安装Hexo
新建立空白文件夹,这里使用show文件夹作为演示
进入文件夹,右键选择Git bash here,输入
npm install hexo-cli -g
验证hexo是否安装成功
输入
hexo -v
这个时候show文件夹里还空的,不用着急,接着输入
hexo init
之后,你就会得到一个hexo的原始工程文件
注意:hexo init执行的时间很长,网络不好还容易出错。如果不想自己执行这步,压缩包里有原始文件包,放进自己的文件夹就行。>
好了,看到这里,你已经打开了冰箱大门(๑•̀ㅂ•́)و✧
开始下一阶段吧!
注册Github账户
网址输入浏览器
https://github.com/
确认邮件,完成注册
创建Github仓库
得到github上的仓库
现在使用之前注册好的github账户登录git
老规矩,点开文件夹,鼠标右键,选择git bash here,输入
git config --global user.name "注册名字"
git config --global user.email "注册邮件"
接着输入
ssh-keygen -t rsa -C "注册邮箱"
这样的做法是为了获得密钥,之后命令框里会出现这样几行文字
Generating public/private rsa key pair. 生成密钥 Enter file in which to save the key (/f/abyssal-lake/.ssh/id_rsa): 按回车键,让密钥保存在默认文件 -/f/abyssal-lake/.ssh/id_rsa Enter passphrase (empty for no passphrase): 输入密码,不输也行,然后回车 Enter same passphrase again: 确认密码,没输就直接回车 Your identification has been saved in /f/abyssal-lake/.ssh/id_rsa. Your public key has been saved in /f/abyssal-lake/.ssh/id_rsa.pub. The key fingerprint is: 下面就是一堆大小写字母和数字,最后会有一个虚线组成的矩形框
按照提示找到你的密钥/f/abyssal-lake/.ssh/id_rsa.pub
右键用记事本功能打开这个.pub文件,把里面的东西全部复制
它大概长这样,ssh-rsa+一堆数字+你的邮箱
下面这个密钥是我编的
ssh-rsa AAABV/a7ve7ni/JnzVYrdU94qe7ni/JnzVYrdU94qqSje7ni/e7ni/JnzVYrdU94qe7ni/JnzVYrdU94qe7ni/JnzVYrdU94qe7ni/JnzVYrdU94qe7ni/JnzVYrdU94qe7ni/JnzVYrdU94qe7ni/JnzVYrdU94qJnzVYrdU94q8kghWgxEdghRAtflcpqU3e7ni/JnzVYrdU94qe7ni/JnzVYrdU94qe7ni/JnzVYrdU94qe7ni/JnzVYrdU94qe7ni/JnzVYrdU94q 1223133312@qq.com连接Github仓库和本地Hexo
回到github,打开setting
点击New SSH key>,你就会看小钥匙啦
验证ssh是否添加成功,输入
ssh -T git@github.com
deploy: type: git repo: https://github.com/YourgithubName/YourgithubName.github.io.git branch: master
进入你的文件夹,右键打开git bash here,输入
npm i hexo-server
到了这步,万事俱备!接着输入
hexo clean hexo generate hexo server
这三个命令,每次都要用,请记住。
打开浏览器
https://localhost:4000
你就可以看到
如果没看到也不要慌,大概率是你的4000端口被占用了,输入
hexo s -p 5000
修改端口到5000,问题解决!
上线hexo
输入
npm install hexo-deployer-git --save
输入
hexo clean hexo generate hexo deploy
这样你的网站就上线了,现在就可以通过这个网址访问了
https://yourgithubname.github.io更换主题
不喜欢这个这个主题怎么办?换!
https://hexo.io/themes/
这里面有超多大佬分享的主题,真香~
看中了喜欢的主题,就点击它
方法1,直接点击绿色按钮,里面有ZIP文件,下载之后解压,复制到theme
方法2,输入
git clone https://github.com/PhosphorW/hexo-theme-academia.git themes/Academia
clone后面的网址就是红框内的网址
git clone 你想要主题的网址 themes/你想要主题的名字
这个大家都会在下面的安装文档里写,而且还需要其他插件大家也都会写得很清楚,不用担心
类似于这样
npm install 啥啥啥
都搞定之后,再打开
例如
theme:Academia
在本地测试主题
hexo clean hexo g hexo s
打开浏览器,查看效果
https://localhost:4000
上线网站
hexo clean hexo generate hexo deploy
网站成功,撒花✿✿
https://yourgithubname.github.io发表文章
然后老办法,先在本地看一看
hexo clean hexo g hexo s https://localhost:4000
确定之后,发布
hexo clean hexo generate hexo deploy hexo server https://yourgithubname.github.io
为了方便大家,我在文件包里放了一份.md文档,如果没什么太高的要求对着改就可以了,后缀名一定是.md
--- title: 题目 #题目 date: 2020-07-08 00:37:29 #时间 tags: [标签1, 标签2,标签3] #标签逗号隔开 categories: [短篇] #分类 author: "作者名字" #你的名字 --- 内容 每更新一篇文就老办法走一遍
最后推荐大家都去看@墨问非名姑娘的搬迁指南,讲解的非常详细了
https://underdream.lofter.com/post/38ea7d_1c5ed0446
这篇文档本来想着只给初海看,丢脸也不会害羞……
但是写完的瞬间突然就膨胀了,想着放出来给所有人看,我的性格真是,啊,捂脸
最后,希望大家都有自己的小天地,(๑•̀ㅂ•́)و✧
最后,最重要的一步,成功话,记得回来点心心,告诉我哦~