GitHub上搭建hexo博客
安装GitGit
:主要用于上传博客页面到github
和命令操作
安装NodeNode.js
:Hexo
的运行环境
安装HexoHexo
:博客程序
打开安装Git
后的生成的右键菜单Git Bash
,输入如下代码安装Hexo
:
npm install -g hexo-cli
等待安装完成即可
生成本地博客
首先切换到你需要创建博客的文件目录,鼠标右击空白处打开git bash
,输入如下代码生成一个本地博客:
hexo init myblog
创建好之后输入代码切换到博客文件夹目录并使用npm
包管理工具安装hexo
所需的依赖模块
cd myblog && npm install
继续输入:
npm install hexo-deployer-git --save
这是用于将hexo
本地博客上传到github
页面上必需的模块
最后再输入
npm install hexo-server --save
安装hexo
服务器模块,用于本地预览博客
到这里就基本在本地完成博客的搭建了。可以输入如下命令来看下hexo
博客的初始效果:
hexo s
这条命令是hexo server
的简写形式,启动一个本地服务器,不要关闭当前git bash
窗口,打开浏览器,输入网址http://localhost:4000
进行访问。有一篇Hello World
博文,效果图如下:
将本地博客上传到github
创建需要将博客存放在github
上的仓库,我们需要一个github
账户,如果没有请注册,然后点击New repository
创建仓库,Repository Name
按如下格式填写:
yourname.github.io
注:yourname
填写你的账户名
点击Create repository
即可
修改_config.yml文件
找到_config.yml
文件,用记事本打开(Nodepad++
或sublime
等文本编辑器都可),鼠标拉到最下面,修改成:
deploy:
type: git
repo: https://github.com/yourname/yourname.github.io.git
注:两处yourname
都需要填写你的账户名
部署本地博客到github
首先输入如下命令生成静态页面
hexo g
这条命令是代码hexo generator
的缩写,生成好之后,继续输入
hexo d
这条命令是代码hexo deploy
的缩写,用于将生成的静态文件上传到github
,等待完成之后在浏览器输入yourname.github.io
就可以看到你的博客页面了
注:首次使用git
会询问github
的账号信息,填写你对应的账户信息即可
推荐主题:next,里面有详细的next
主题使用方法,在此我就不赘述了