Window环境下搭建GitHub + hexo博客

博客的搭建思路

网图侵删

博客搭建的过程

1.安装node.js

2.安装Git

 -  这两步都没什么说的,直接下一步就行

3.注册GitHub账号,并创建新的仓库

  -  仓库的名称为「你的用户名.github.io」

  -    比如我的用户名是RonyJay,那么我的仓库名为RonyJay.github.io

  -  必须这样,否则后面部署会出错!!!

  -  必须这样,否则后面部署会出错!!!

  -  必须这样,否则后面部署会出错!!!

4.安装部署Hexo

$ cd d:/hexo
$ npm install hexo-cli -g
$ hexo init blog
$ cd blog
$ npm install
$ hexo new mynewblogs  #此时你会看到一个文件路径
$ start xxx.md #编辑博客内容
$ hexo g #或者hexo generate 生成网站
$ hexo s #或者hexo sever 启动本地服务器
可以在http://localhost:4000/

 

 这里有必要提下Hexo常用的几个命令:

  1. hexo generate (hexo g) 生成静态文件,会在当前目录下生成一个新的叫做public的文件夹

  2. hexo server (hexo s) 启动本地web服务,用于博客的预览

  3. hexo deploy (hexo d) 部署播客到远端(比如github, heroku等平台)

5.部署到GitHub上

  -  打开_config.yml

  -  第6行title改成你想要的名字

  -  第9行author改成你的大名

  -  最后type改为 type:git 

  -  repo:仓库地址

  -  branch:master 

  -  注意空格!注意空格!注意空格!!!

deploy:
  type: git 
  repo: git@github.com:RonyJay/RonyJay.github.io  
  branch: master 
$ npm install hexo-deployer-git --save  #安装部署git插件
$ hexo d #或者hexo deploy

  -  进入「你的用户名.github.io」对应的 repo,打开 GitHub Pages 功能

点击链接,就可以跳转到博客页面了

 6.更换主题

https://github.com/hexojs/hexo/wiki/Themes 上有很多主题

我找的主题是https://github.com/iissnan/hexo-theme-next

cd themes
git clone git@github.com:iissnan/hexo-theme-next.git
修改_config.yml文件

重新执行
hexo g
hexo d

等一会刷新你的博客页面,就好了

 

posted @ 2018-03-29 21:52  RonyJay  阅读(128)  评论(0编辑  收藏  举报