Hexo
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
安装
Node(本文不做多余叙述)
Git(本文不做多余叙述)
Hexo
$ npm install -g hexo-cli
安装完成后,到一个新的文件夹下,打开Git Bash,执行一下命令:$ hexo init <folder> $ cd <folder> $ npm install
新建完成之后,打开新建的项目,查看项目目录:
public:执行hexo generate命令,生成的HTML静态文件
scaffolds:模版文件夹
source:资源文件夹,文章源码目录,该目录下的markdown和html文件均会被hexo处理。该页面对应repo的根目录,404文件、favicon.ico文件,CNAME文件等都应该放这里
- _data:你的数据文件夹,例如:
- friends.json:存放友情链接的数据
- musics.json:存放音乐播放器的数据
- _posts:文章存放文件夹
- categories:分类
- tags:标签
- thems:主题文件夹,Hexo 会根据主题来生成静态页面。以我当前使用的metery主题为例
- langauages:存放语言相关设置的yml文件
- layout:存放文章的ejs模版,可以在里面修改相关的HTML、CSS、JS等
- source:该主题下使用的资源文件夹
- _config.yml:该主题的配置文件
- _data:你的数据文件夹,例如:
- _config.yml:该项目的配置文件
- db.json:source解析所得到的
- package.json:项目所需模块项目的配置信息
部署
- GitHub上新建一个项目
- 本地Git Bash上配置github账户信息
git config --global user.name 'yourName'
git config --global user.email 'yourEmail'
- 创建SSH
- 在gitbash中输入:
ssh-keygen -t rsa -C "youremail@example.com
,生成ssh。cd ~/.ssh
找到id_rsa.pubcat id_rsa.pub
复制其中的内容到github上,创建一个新的 SSH KEY
- 修改_config.yml
deploy: type: git repo: https://github.com/YourgithubName/YourgithubName.github.io.git branch: master
- 回到Git Bash
npm i hexo-server hexo clean hexo generate hexo server
- 上传到GitHub
注意deploy的过程中要输入你的username及passward。npm install hexo-deployer-git --save hexo clean hexo generate hexo deploy
然后在浏览器中输入 http://yourgithubname.github.io 就可以看到你的个人博客。