1、什么是 Hexo?
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
2、准备工作
安装 Hexo 相当简单,只需要先安装下列应用程序即可:
3、安装hexo
执行以下命令:
npm install -g hexo-cli
安装 Hexo 完成后,请执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件。
hexo init <folder>
cd <folder>
npm install
新建完成后,指定文件夹的目录如下:
├── _config.yml
├── package.json
├── scaffolds
├── source
| ├── _drafts
| └── _posts
└── themes
接下来要做的就是修改配置文件了,在根目录下找到文件:_config.yml
安装自己的需要进行修改,一般修改下网站标题,作者就可以了
Site
title: Fenpho //网站标题
subtitle: //网站副标题
description://网站描述
author: fenpho//网站作者
language: zh-CN//语言
timezone://时区
1、本地预览
生成静态文件
$ hexo generate //也可以使用缩写 : $ hexo g
启动服务器
默认情况下,访问网址为:http://localhost:4000
$ hexo server
运行网上面的命令后,打开浏览器输入http://localhost:4000
即可看到页面了,有木有很激动
2、选取主题
接下来你需要做进一步的网站美化工作,到官网去选取一个喜欢的主题吧!
确定需要使用的主体之后,打开主题的官网下载安装主题即可:
右键点击根目录,选择git bash
运行如下命令(去主题的github页面找类似下面的命令)
$ git clone https://github.com/SuperKieran/TKL.git themes/tkl
命令中的后面的tkl为存储的目录名字,可以随便修改
更新主题相关文件
cd themes/cafe
git pull
使用主题
修改根目录下的博客配置文件 _config.yml 主题属性 theme 为 cafe.
配置主题,这个需要根据不同主题的说明来配置,也可以不配置
好了,主题安装好了,此时需要使用如下命令:
hexo clean && hexo g
hexo server
完成后刷新页面看一下吧
3、添加文章
创建一条博文,运行下面的命令,或者直接新建一个Markdown文件,新建文件需要手动添加文章头部(注意目录source/_posts)
hexo new “your-post-name”
如果想要在新建的同时生成对应的文件夹,用于存放文档的资源文件,如图片,音视频等:将配置文件中的post_asset_folder的值从false改为true即可
post_asset_folder: true
4、部署到GitHub
在 GitHub 上的操作
新建一个 Repository
在 Repository name 下填写 yourname.github.io,
Description (optional) 下填写一些简单的描述(不写也没有关系)
找到pages选项,选择master branch作为主页
简单两步 yourname.github.io 这个域名就配置成功了。
本地操作
为 Hexo 安装 Git 插件
安装 hexo-deployer-git,否则会报 ERROR Deployer not found: git 的错误。
npm install hexo-deployer-git --save
修改你的 _config.yml 配置文件,在结尾处加上如下内容:
Deployment
Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: https://github.com/xmgc/xmgc.github.io.git
branch: master
注意repo中的地址为你自己新建的仓库的路径
生成静态文件和部署:
hexo g & d
最后出现如下提示就代表成功啦!
INFO Deploy done: git
the end!
- 本文链接:https://kolb.wang/HEXO/
- 版权声明:本博客所有文章除特别声明外,均默认采用 许可协议。