Win10+Hexo+GitHub搭建个人博客详解

简介

       最近,在简书上写了几篇博客,发现简书可能没做反扒机制,导致简书被盗文的情况屡见不鲜。于是,决定搭建属于自己的个人博客。通过调研,尝试了下Win10+Hexo+GitHub的组合,成功搭建了自己的博客,以下为详细步骤。

基本环境

1、Node.js下载和安装:https://nodejs.org/en/

2、Git下载和安装:https://git-scm.com/download/win

3、GitHub注册和创建仓库:https://github.com/
在GitHub账号创建成功之后,需要创建一个仓库来管理自己的文件。
(1) 点击个人主页右上角“+”里面的New repository


(2) 输入Repository name:用户名.github.io,注意:用户名一定要和注册的用户名一样

4、配置SSH免密登录
(1)在桌面点击鼠标右键,选择“Git Bash Here”,打开Git Bash终端。
(2)设置user name和email:

git config --global user.name "GitHub用户名"
git config --global user.email "GitHub注册邮箱"

(3)生成SSH密钥

ssh-keygen -t rsa -C "GitHub注册邮箱"

(4)输入命令后直接回车即可,在C盘的用户目录下会生成.ssh文件夹(我电脑上的目录为C:\Users\yiming\.ssh),里面有私钥id_rsa和公钥id_rsa_pub
(5)在GitHub上添加SSH keys。具体步骤是点击GitHub头像下的Settings->SSH and GPG keys->New SSH key,将本地的公钥id_rsa_pub内容复制粘贴到其中即可。



(6)验证SSH免密是否成功

ssh -T git@github.com

安装Hexo

1、进入cmd命令行,创建一个本地仓库,比如在D盘创建一个blog文件夹,切换到blog目录

D: //进入D盘
mkdir blog //创建blog目录
cd blog //切换到blog目录

2、使用淘宝的npm源安装hexo

npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install hexo-cli -g
cnpm install hexo --save

3、在blog目录下点击鼠标右键,打开“Git Bash”终端,如果在其他地方打开Git Bash终端,会出现:hexo:commad not found 。初始化hexo:

hexo init

4、安装依赖及相关插件

cnpm install

cnpm install hexo-generator-index --save
cnpm install hexo-generator-archive --save
cnpm install hexo-generator-category --save
cnpm install hexo-generator-tag --save
cnpm install hexo-server --save
cnpm install hexo-deployer-git --save
cnpm install hexo-deployer-heroku --save
cnpm install hexo-deployer-rsync --save
cnpm install hexo-deployer-openshift --save
cnpm install hexo-renderer-marked@0.2 --save
cnpm install hexo-renderer-stylus@0.2 --save
cnpm install hexo-generator-feed@1 --save
cnpm install hexo-generator-sitemap@1 --save

5、启动Hexo

hexo server (或者hexo s)

6、在浏览器中输入:localhost:4000,可以看到Hexo的示例页面

将博客部署到GitHub

1、配置文件以关联远程仓库,在blog目录下找到_config.yml文件,用文本编辑器Nodepad ++或Sublime Text打开,在最下方添加远程仓库地址:

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  #yiming1012改为你的github用户名(请修改)
  #注意,如果repository写成https://github.com,在提交任务至Github时,会频繁输入用户名密码
  repository: git@github.com:yiming1012/yiming1012.github.io.git
  branch: master

2、新建博客,在D:\blog\source\_posts目录下会生成firstblog.md的文件

hexo new "firstblog"

3、你可以根据Markdown语法来编辑上面的文件



4、设置身份信息

git config --global user.name "GitHub用户名"
git config --global user.email "GitHub注册邮箱"

5、部署到GitHub

hexo d -g

6、在浏览器上输入:用户名.github.io(我的是yiming1012.github.io)即可看到刚才写的博客已提交到仓库

7、注意,如果没有成功,可以先hexo clean下,然后hexo d -g。先清空再重新生成试试。
8、一个简单的博客就搭建起来了,后续还有待完善……修改Hexo主题请参见我的下一篇文章:https://www.jianshu.com/p/869c6bcd0647

参考文献:

1.https://hujichn.github.io/2016/04/06/Win10%E4%B8%8A%E5%88%A9%E7%94%A8github+hexo%E5%BB%BA%E7%AB%8B%E5%8D%9A%E5%AE%A2%E7%9A%84%E6%96%B9%E6%B3%95/](https://hujichn.github.io/2016/04/06/Win10%E4%B8%8A%E5%88%A9%E7%94%A8github+hexo%E5%BB%BA%E7%AB%8B%E5%8D%9A%E5%AE%A2%E7%9A%84%E6%96%B9%E6%B3%95/)
2.https://zhuanlan.zhihu.com/p/22405775

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容