相关步骤:
1、安装Node.js和配置好Node.js环境,打开cmd命令行,成功界面如下
2、安装Git和配置好Git环境,安装成功的象征就是在电脑上任何位置鼠标右键能够出现如下两个选择
Git GUI Here
Git Bash Here
注意:一般出于安全考虑,只有在Git Bash Here中才能进行Git的相关操作。如果需要在cmd命令行里调用Git,那么就要配置电脑的环境变量Path,或者在安装的时候选择use Git from the Windows Command Prompt。这个可有可无,影响不大,成功配置的界面如图
3、Github账户注册和新建项目,项目必须要遵守格式:账户名.github.io,不然接下来会有很多麻烦。并且需要勾选Initialize this repository with a README
我是已经成功创建。划线部分最好保持一致。
点进项目
在建好的项目右侧有个settings按钮,点击它,向下拉到GitHub Pages,你会看到那边有个网址,访问它,你将会惊奇的发现该项目已经被部署到网络上,能够通过外网来访问它。 (注意这里的域名,当你创建仓库的名字和自己账号名字不同时,将有子序列)
4、安装Hexo,在自己认为合适的地方创个文件夹,我是在E盘建了一个blog文件夹。然后通过命令行进入到该文件夹里面
输入npm install hexo -g,开始安装Hexo
输入hexo -v,检查hexo是否安装成功
输入hexo init
我之前已经初始化并创建了文件,所以出现了错误。正确的应该是
看到后面的“Start blogging with Hexo!”,激动有木有!!!!!
输入npm install,安装所需要的组件
输入hexo g,首次体验Hexo
输入hexo s,开启服务器,访问该网址,正式体验Hexo
这是时候已经在后台运行了,你可以打开浏览器,输入http://localhost:4000/ ,可以看到
带箭头的是我后面写的,请忽略。
5、将Hexo与Github page联系起来,设置Git的user name和email
在E:/blog文件夹,右键打开Git Bash Here,输入
然后,在gitbash中输入:ssh-keygen -t rsa -C "youremail@example.com"
,连打三个回车,生成ssh。
注意这里的rsa前缀是没有“-”的!
输入eval "$(ssh-agent -s)",添加密钥到ssh-agent
再输入ssh-add ~/.ssh/id_rsa,添加生成的SSH key到ssh-agent
最后得到了两个文件:id_rsa和id_rsa.pub(默认存储路径是:C:\Users\Administrator\.ssh)。
记事本打开得到密钥。
或者切换到ssh目录,并获得公钥
我这里之前出了秘钥。
将上面获取的ssh放到github中:
添加一个 New SSH key
,title随便取,key就填刚刚那一段。
在gitbash中验证是否添加成功:ssh -T git@github.com
完成下一步你就成功啦!
5. 部署项目
打开你的blog文件夹,修改_config.yml
文件的一些配置(冒号之后都是有一个半角空格的):
eploy:
type: git
repo: https://github.com/YourgithubName/YourgithubName.github.io.git
branch: master
回到gitbash中,进入你的blog目录,分别执行以下命令:
hexo clean
hexo generate
hexo server
6. 上传到github
先安装一波:npm install hexo-deployer-git --save
(这样才能将你写好的文章部署到github服务器上并让别人浏览到)
执行命令(建议每次都按照如下步骤部署):
hexo clean
hexo generate
hexo deploy
注意deploy的过程中要输入你的username及passward。如下:
在浏览器中输入http://yourgithubname.github.io (注意:后缀是.io,不是.com)
就可以看到你的个人博客啦,是不是很兴奋!
感觉gitbash中东西太多的时候输入clear
命令清空。
7. 绑定个人域名(后面部分没有实战)
不想绑定的自行忽略
第一步购买域名:随便在哪个网站买一个就好了,小花是在阿里云购买的visugar.com, DNS也是顺道在那买的。
第二步添加CNAME:在项目的source文件夹下新建一个名为CNAME的文件,在里面添加你购买的域名,比如我添加的是flowerdeer.xyz,只能添加一个哦。
或者在settings翻到下面的Custom domain,添加域名。
最后附上个人博客:https://www.flowerdeer.cn/