Voyz's Studio.

Hexo+github快速打造个人博客网站系统

字数统计: 508阅读时长: 2 min
2018/10/20 Share

Hexo+github快速打造个人博客网站

Hexo本地环境搭建博客

环境搭建

安装

安装Git:

http://nodejs.cn/

安装Node.js:

https://git-scm.com/downloads

安装Hexo:

$ npm install -g hexo-cli

快速开始

1.创建项目

1
2
3
4
hexo i blog //初始化项目 blog是项目名
cd blog //切换到根目录
hexo g //generetor
hexo s //server

2.打开浏览器

1
localhost:4000

20161115143629057.jpeg

这是hexo的默认主题。最简单的本地博客已搭建成功。

3.配置主题

Snip20181107_41.png

按照主题文档配置主题。

上传到Github

注册GitHub账号

1
https://github.com/ 

创建仓库

Snip20181107_42.png

Snip20181107_43.png

设置

  • setting

Snip20181107_44.png

20161115152126037.jpeg

20161115152110052.jpeg

20161115152334282.jpeg

部署

1
2
npm install hexo-deployer-git --save
hexo d // 部署

访问你的网站

用户名.github.io

发布博客

1
2
3
4
cd 根目录
hexo new "postName"
hexo g //生成静态页面
hexo d //发布

域名绑定

  • 首先你得有一个域名,我用的腾讯的域名。
  • 实名认证和备案都搞定以后。到域名解析页面添加解析。
  • 然后到你博客 根目录/source 目录下创建一个新文件CNAME
  • 在里面写上你刚刚配置的路径。
  • 执行以下hexo g,hexo d.

常用命令

  • hexo new “postName” #新建文章
  • hexo new page “pageName” #新建页面
  • hexo generate #生成静态页面至public目录
  • hexo server #开启预览访问端口(默认端口4000)
  • hexo deploy #将.deploy目录部署到GitHub
  • hexo help # 查看帮助
  • hexo version #查看Hexo的版本

常见问题

  • 出现 error deployer not found:git 或者 error deployer not found:github 的错误
    解决办法:执行 npm install hexo-deployer-git –save

  • 出现类似 FATAL can not read a block mapping entry; a multiline key may not be an implicit key at line 70, column 1: … 错误
    解决办法:_config.yml中配置项的冒号后面要用空格隔开,再跟内容

  • 中文乱码问题
    解决办法:将文件的内容编码改为UTF8格式

  • ‘hexo sever’能够成功运行,但是localhost:4000无法访问
    解决办法:执行hexo s -p 5000,改用其他端口启动

CATALOG
  1. 1. Hexo+github快速打造个人博客网站
    1. 1.1. Hexo本地环境搭建博客
      1. 1.1.1. 环境搭建
      2. 1.1.2. 安装
      3. 1.1.3. 快速开始
        1. 1.1.3.1. 1.创建项目
        2. 1.1.3.2. 2.打开浏览器
        3. 1.1.3.3. 3.配置主题
    2. 1.2. 上传到Github
      1. 1.2.1. 注册GitHub账号
      2. 1.2.2. 创建仓库
      3. 1.2.3. 设置
      4. 1.2.4. 部署
      5. 1.2.5. 访问你的网站
    3. 1.3. 发布博客
    4. 1.4. 域名绑定
    5. 1.5. 常用命令
    6. 1.6. 常见问题