日更前语3. 环境搭建4. 初始化Hexo:5. 本地访问6. 个性化配置7. 引用日更结语
日更前语
昨天写了缘起、调研,今天直接进入正题。
3. 环境搭建
一番是个linux控,因此一番的博客搭建也用的是ubuntu服务器。当然,因为Hexo是基于js的,天生具有跨平台的特点,Hexo的搭建也支持Mac和Windows,具体可以参考第6节引用里的《hexo中文文档》。
Hexo安装依赖于Node.js和Git,因此如果没有安装这两个工具,需要提前安装一下:
- 安装git:
sudo apt-get install git-core
- 安装Node.js(nvm的方式):
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh | sh
重启终端
代码语言:javascript复制nvm install stable
- 安装Hexo:
npm install -g hexo-cli
这样,我们的Hexo环境就搭建好了。可以说非常简单,比我们一个标签一个布局的自己去码代码方便太多了。更重要的是还不专业,写的肯定没有这个好,bug肯定比这个多,哈哈。
4. 初始化Hexo:
接下来我们要初始化Hexo,进到你希望保存Hexo博客文件的目录(例如:/home/efonfighting/efonfighting-hexo-blog):
代码语言:javascript复制hexo init /home/efonfighting/efonfighting-hexo-blog
cd /home/efonfighting/efonfighting-hexo-blog
npm install
完成后文件目录如下:
代码语言:javascript复制root@instance-zxwd3h3s:/home/efonfighting/efonfighting-hexo-blog# tree -L 1
.
├── _config.yml # 基本配置文件,包括一些个性化的配置
├── db.json
├── node_modules
├── package.json
├── scaffolds # 新建文章的模板文件
├── source # 存放我们实际文章的地方,我们将Markdown或者HTML的文件放到该目录下的_posts目录,即可自动解析
└── themes # 主题文件夹,我们可以在_config.yml里配置用哪个主题
5. 本地访问
到这个时候,虽然我们还没写一篇博客,但已经完成了hexo的初始化,我们只需要启动服务,就可以用ip:port的方式访问了。
启动服务的命令:
代码语言:javascript复制hexo server
这时我们就可以打开浏览器,输入 http://localhost:4000/
,可以访问到我们的博客了。
当然,我们后面搭建网址访问的时候需要指定ip和端口,可以通过加参数的方式实现:
代码语言:javascript复制指定ip
例如:
代码语言:javascript复制hexo server -i 192.168.0.4 -p 8011 --debug
6. 个性化配置
主要修改_config.yml:
代码语言:javascript复制title: 一番码客 #网站标题
subtitle: 挖掘你关注的亮点! #网站副标题
description:
keywords:
author: Efon-fighting
language: zh-CN #网站语言
timezone:
.
.
.
theme: material-x #这里选择主题,即theme目录下的主题
7. 引用
当然,关于Hexo,还有很多其他的配置,大家可以参看这里的一些资料,查找自己对应的需求。特别是解决用markdown语法引用本地图片的问题,当时困扰了一番好久,几乎一度想放弃。
- hexo中文文档:https://hexo.io/zh-cn/docs/setup
- material-x主题:https://xaoxuu.com/wiki/material-x/#特别示例
- hexo引用本地图片无法显示:https://blog.csdn.net/xjm850552586/article/details/84101345