相关文章:
Github + Hexo 搭建个人Blog(一)Github搭建Blog
使用Hexo需要提前安装Nodejs和Git。
安装Node.js
安装Node.js,在windows系统中一路next就可以了。担心安装后不能使用可以打开命令行工具,输入“node --version”检查版本,如果显示版本序号则可以正常使用。如下图所示:
安装Git
安装Git,一路next就可以了。
Hexo配置
1.在电脑中适当位置新建文件夹,我的文件夹命名为“blog_github”,注意文件夹名称不能包含汉字和大写字母。打开cmd命令行进行操作。(后续步骤中出现的“WARN”都不需要担心,可以忽略,不影响安装过程)
2.安装Hexo
npm install hexo-cli -g //安装hexo,效果图如下
这样就完成了Hexo的安装。
3.Hexo配置
初始化Hexo
hexo init //接上一步,效果图如下
安装其他组件
npm install //效果图如下
生成任务部署
hexo g //g - generate 生成,效果图如下
页面展示
hexo s //s - server 服务,效果图如下
在网页上打开:“http://localhost:4000/”,时间会稍微长一点。在网页上的展示效果:
至此,本地化服务做好了。
4.我们开始将Hexo和Github绑定起来。
设置Git的user name和user email
在该文件夹处点击右键选择“Git Bash Here”,如果没有这个选项的话进入Git的安装目录,打开“git-bash.exe”,输入
cd 'D:\CFileBuffer\blog_github' //单引号中为blog文件目录,效果图如下
在命令行中输入下图中两行语句,其中“sinn”为用户名,“strongwindblowing@163.com”为邮箱,用户需要修改为自己的用户名和邮箱。
输入下面命令,然后连续敲三次回车,最后生成密匙,得到两个密匙文件:id_rsa和id_rsa.pub(默认存储路径为C:\Users\Administrator\.ssh)
ssh-keygen -t rsa -C "strongwindblowing@163.com" //效果如下图所示
此时,登陆Github,点击图像进入设置(settings),选择“SSH and GPG keys”,如下图。然后点击右侧“New SSH key”
将id_rsa.pub中的内容复制粘贴到Key中,其中该文件推荐用Notepad++软件打开。添加SSH key时需要再次输入登陆密码。
测试添加ssh key是否成功:在命令行中输入
ssh -T git@github.com //可能会再次输入一遍yes/no,选择yes就好了。效果图如下
配置Development
在设置的博客文件夹内找到“_config.yml”,用Notepad++打开。翻到最后一行,修改deploy值。
其中repository对应的值为项目的ssh值,打开仓库,打开对应界面获取ssh。
5.部署文档
首先安装hexo的一个拓展
npm install hexo-deployer-git --save //安装完成效果图如下,如果安装失败,试着删除“package-lock”文件,并重新安装
常见的一些Hexo命令--Hexo官方文档
hexo new post "Hello" //新建文档
hexo -g //生成
hexo -d //部署
hexo -s //本地端口预览
hexo -c //clean 清除本地内容
编辑好文档后,就可以按照“hexo g && hexo d”进行生成和部署,然后通过http:\\username.github.io域名来访问了。
在此安装过程中的其他未尽事宜和错误,请参考参考文档和网络资料。
参考文章: