藏兵谷

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

2019-08-04  本文已影响240人  yiming1012

文章作者:易明
个人博客:https://yiming1012.github.io
简书主页:https://www.jianshu.com/u/6ebea55f5cec
邮箱地址:1129079384@qq.com

简介

       最近,在简书上写了几篇博客,发现简书可能没做反扒机制,导致简书被盗文的情况屡见不鲜。于是,决定搭建属于自己的个人博客。通过调研,尝试了下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/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 deploy (可以简写为:hexo d)

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

blog.png

7、一个简单的博客就搭建起来了,后续还有待完善……修改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

上一篇下一篇

猜你喜欢

热点阅读