github上搭建hexo博客

环境安装


安装Git
Git:主要用于上传博客页面到github和命令操作
安装Node
Node.js:Hexo的运行环境
安装Hexo
Hexo:博客程序
打开安装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上搭建hexo博客_第1张图片

将本地博客上传到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主题使用方法,在此我就不赘述了

你可能感兴趣的:(githubhexoblog)