过程记录-Hexo博客搭建
安装
安装前提
安装 Hexo 相当简单,只需要先安装下列应用程序即可:
(Node.js 版本需不低于 10.13,建议使用 Node.js 12.0 及以上版本)
如果您的电脑中已经安装上述必备程序,那么恭喜您!你可以直接前往 步骤。 如果您的电脑中尚未安装所需要的程序,请根据以下安装指示完成安装。
Windows:下载并安装 git.
Mac:使用 Homebrew, MacPorts 或者下载 安装程序。
Linux (Ubuntu, Debian):sudo apt-get install git-core
Linux (Fedora, Red Hat, CentOS):sudo yum install git-core
Mac 用户
如果在编译时可能会遇到问题,请先到 App Store 安装 Xcode,Xcode 完成后,启动并进入 Preferences -> Download -> Command Line Tools -> Install 安装命令行工具。
Windows 用户
对于中国大陆地区用户,可以前往 淘宝 Git for Windows 镜像 下载 git 安装包。 安装 Node.js Node.js 为大多数平台提供了官方的 安装程序。对于中国大陆地区用户,可以前往 淘宝 Node.js 镜像 下载。
安装 Node.js
Node.js 为大多数平台提供了官方的 安装程序。对于中国大陆地区用户,可以前往 淘宝 Node.js 镜像 下载。 其它的安装方法:
Windows:通过 nvs(推荐)或者nvm 安装。
Mac:使用 Homebrew 或 MacPorts 安装。
Linux(DEB/RPM-based):从 NodeSource 安装。 其它:使用相应的软件包管理器进行安装,可以参考由 Node.js 提供的 指导 对于 Mac 和 Linux 同样建议使用 nvs 或者 nvm,以避免可能会出现的权限问题。
安装 Hexo
所有必备的应用程序安装完成后,即可使用 npm 安装 Hexo。
$ npm install -g hexo-cli
进阶安装和使用
对于熟悉 npm 的进阶用户,可以仅局部安装 hexo 包。
$ npm install hexo
安装以后,可以使用以下两种方式执行 Hexo: 1.npx hexo <command> 2.将 Hexo 所在的目录下的 node_modules 添加到环境变量之中即可直接使用 hexo <command>:
echo 'PATH="$PATH:./node_modules/.bin"' >> ~/.profile
建站
安装 Hexo 完成后,请执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件。
$ hexo init <folder> $ cd <folder> $ npm install
新建完成后,指定文件夹的目录如下:
. ├── _config.yml ├── package.json ├── scaffolds ├── source | ├── _drafts | └── _posts └── themes
_config.yml
网站的 信息,您可以在此配置大部分的参数。
package.json
package.json { "name": "hexo-site", "version": "0.0.0", "private": true, "hexo": { "version": "" }, "dependencies": { "hexo": "^3.8.0", "hexo-generator-archive": "^0.1.5", "hexo-generator-category": "^0.1.3", "hexo-generator-index": "^0.2.1", "hexo-generator-tag": "^0.2.0", "hexo-renderer-ejs": "^0.3.1", "hexo-renderer-stylus": "^0.3.3", "hexo-renderer-marked": "^0.3.2", "hexo-server": "^0.3.3" } }
scaffolds
模版 文件夹。当您新建文章时,Hexo 会根据 scaffold 来建立文件。 Hexo的模板是指在新建的文章文件中默认填充的内容。例如,如果您修改scaffold/post.md中的Front-matter内容,那么每次新建一篇文章时都会包含这个修改。
source
资源文件夹是存放用户资源的地方。除 _posts 文件夹之外,开头命名为 _ (下划线)的文件 / 文件夹和隐藏的文件将会被忽略。Markdown 和 HTML 文件会被解析并放到 public 文件夹,而其他文件会被拷贝过去。
themes
主题 文件夹。Hexo 会根据主题来生成静态页面。
命令
init
$ hexo init [folder]
新建一个网站。如果没有设置 folder ,Hexo 默认在目前的文件夹建立网站。
本命令相当于执行了以下几步:
Git clone hexo-starter 和 hexo-theme-landscape 主题到当前目录或指定目录。
使用 Yarn 1、pnpm 或 npm 包管理器下载依赖(如有已安装多个,则列在前面的优先)。npm 默认随 Node.js 安装。
generate
$ hexo generate
生成静态文件。
选项 | 描述 |
---|---|
-d, --deploy | 文件生成后立即部署网站 |
-w, --watch | 监视文件变动 |
-b, --bail | 生成过程中如果发生任何未处理的异常则抛出异常 |
-f, --force | 强制重新生成文件Hexo 引入了差分机制,如果 public 目录存在,那么 hexo 只会重新生成改动的文件。使用该参数的效果接近 hexo clean && hexo generate |
-c, --concurrency | 最大同时生成文件的数量,默认无限制 |
该命令可以简写为
$ hexo g
publish
$ hexo publish [layout] < filename >
发表草稿。
server
$ hexo server
启动服务器。默认情况下,访问网址为: http://localhost:4000/。
-p, --port 重设端口 -s, --static 只使用静态文件 -l, --log 启动日记记录,使用覆盖记录格式
deploy
$ hexo deploy
部署网站。
-g, --generate 部署之前预先生成静态文件
该命令可以简写为:
$ hexo d
render
$ hexo render < file1> [file2] ...
渲染文件。
-o, --output 设置输出路径
migrate
$ hexo migrate < type>
从其他博客系统 迁移内容。
clean
$ hexo clean
清除缓存文件 (db.json) 和已生成的静态文件 (public)。
在某些情况(尤其是更换主题后),如果发现您对站点的更改无论如何也不生效,您可能需要运行该命令。
list
$ hexo list < type>
列出网站资料。
version
$ hexo version
- 点赞
- 收藏
- 关注作者
评论(0)