美文网首页
Hexo搭个人静态博客

Hexo搭个人静态博客

作者: 钢小牙 | 来源:发表于2016-05-10 16:15 被阅读0次

1.环境配置

默认你已经安装Node.js,Git,并且会配置Github,不会?!。这里唯一要注意的点
是你的Repository name必须是** user_name **.github.io。
** user_name , user_name , user_name **重要的事情说3遍。

2.安装Hexo

打开Git命令行或者Node
$ npm install hexo -g
npm被墙或者速度太慢的话,可以用大淘宝的cnpm

3.初始化

新建一个文件夹,在该文件夹右键打开Git Bash或者打开Git命令行进入该文件夹
$ hexo init
Hexo随后会自动在目标文件夹建立网站所需要的文件,然后安装依赖包
$ npm install
之后你可以启动本地服务,预览
$ hexo s [1]
此时在浏览器打开http://localhost:4000/ 就可以预览默认主题

4.部署到Github

部署到Github前需要配置_config.yml文件,找到这部分代码,根据个人信息修改

 # Site
  title: #网站的title   
  subtitle: #个性签名,座右铭啥的
  description: #描述
  author: #也就是你
  language: #中文zh-CN
  timezone: 

接下来找到下面代码块

theme: landscape

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repository: 
  branch: master

默认没有repositorybranch,需要自己添加,typegit,branchmaster,repsository必须是SSH形式的url。注意每个冒号后面有空格

然后……
$ npm install hexo-deployer-git --save
$ hexo clean 清除缓存
$ hexo g 生成静态页面
$ hexo d 推送部署至Github
够顺利的话,浏览器输入你的Repository name就可以访问你的博客罗

5.写文章

$ hexo new "postName"
会在你的文件夹里的source\_posts目录下生成一个markdown文件:postName.md。推荐在简书上编辑,还支持实时预览,当然你使用
一个支持markdown语法的编辑器(比如 Sublime)来编辑该文件也可以[2]

编辑完后,$ hexo g,然后$hexo s本地预览一下,无误$ hexo d,推送部署。
$ hexo new page "pageName"
新建一个名叫pageName的页面,source\里就多了pageName文件夹

6.更换主题

Hexo官网有很多,Github上随便一搜也是大把,下载后放到themes文件夹中,
回到第4点,将theme:改成你下载的主题即可。评论系统,站内搜索,分享按钮,google_analytics等等,根据需要和各主题的使用说明,通过配置主题的_config.yml文件添加,这里就不一一举例了。

7.域名指向

在你的主机里面给域名添加解析,最后在你的source文件夹里添加一个CNAME文件(无文件类型),内容就是你的域名(前面不用加www),然后$ hexo g,$ hexo d。具体怎么添加解析自行百度,see you 啦啦!


  1. 如果找不到该指令,先npm install hexo-server --save

  2. 文章中插入的图片,可以在_posts文件夹下新建一个images文件夹,图片放里面调用即可。

相关文章

网友评论

      本文标题:Hexo搭个人静态博客

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