美文网首页
Hexo博客(一) 搭建

Hexo博客(一) 搭建

作者: iamsea | 来源:发表于2017-11-17 16:42 被阅读0次

Hexo简介与安装

1. 什么是Hexo?
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

2. 安装
参照 官方文档 完成相关安装步骤

3. 初始化
新建一个文件夹,比如blog,作为本地博客文件库

# 初始化
$ cd blog
$ hexo init
# 生成静态界面
$ hexo g(等同于hexo generate)
# 启动服务
$ hexo s(等同于hexo server)

浏览器输入 http://localhost:4000 预览

将本地Hexo博客同步到Github

1. 注册一个Github账号
这里不做演示

2. 创建Repository
Repository的名字即为你博客的域名,命名规则是:Github用户名.github.io,比如Github用户名是iamsea,那仓库名是iamsea.github.io,创建后进入项目设置,会看到

成功创建博客仓库.png

3. Github添加SSH key

# 创建一个SSH key
$ ssh-keygen -t rsa -C "your_email@example.com"
生成SSH key.png
注: SSH key既是所生成id_rsa文件的全部内容,详细可以参考这里

添加SSH key至Github


添加SSH key.png

4. 修改本地站点配置
打开blog/_config.yml文件,既站点配置文件,修改deploy字段

deploy:
     type: git
     repo: https://github.com/iamsea/iamsea.github.io.git  #你的博客Repository链接
     branch: master

5. 提交到Gighub
安装hexo-deployer-git插件

$ npm install hexo-deployer-git --save

生成静态界面

$ hexo g 
或
$ hexo generata

提交部署到github

$ hexo d
或
$ 等同于hexo deploy

合并的命令为

$ hexo g -d

注:看到 Deploy done: git表示成功提交

至此,本地Hexo博客已经布署到Github了
浏览器输入你的Github用户名.github.io预览

参考文章

相关文章

网友评论

      本文标题:Hexo博客(一) 搭建

      本文链接:https://www.haomeiwen.com/subject/ywhhvxtx.html