banner
ShuWa

ShuWa

是进亦忧,退亦忧。然则何时而乐耶?
twitter

构建自己的博客的简单指南

欢迎来到我的博客!这是我的第一篇文章。本文将提供使用 Hexo 和 Fluid 构建和美化自己的博客的简单指南。如果您有任何问题,请查看Hexo 官方文档Fluid 官方文档获取更详细的信息。

环境要求#

安装 Git#

在官方网站下载 Git:Git - 下载页面

安装 Node.js#

在官方网站下载 Node.js:下载 | Node.js

初始化 Hexo 项目#

安装 hexo-cli#

$ npm install -g hexo-cli 

初始化 hexo 项目#

$ hexo init blog 

创建新文章#

$ hexo new "文章名称"

更多信息:写作

启动服务器#

在本地主机上显示网站。

$ hexo s

更多信息:服务器

配置部署#

打开文件夹/themes中的_config.yml文件,并按照以下方式修改部署部分:

deploy:
    type: git
    repo: '您的仓库URL'
    branch: master

保存配置文件#

$ npm install hexo-deployer-git --save

清理静态文件#

$ hexo clean

生成静态文件#

$ hexo g

更多信息:生成

部署到远程站点#

$ hexo d

更多信息:部署

使用 Fluid 主题#

安装 Fluid#

如果您的 Hexo 版本 >= 5.0.0,可以通过 Npm 安装 Fluid:

$ npm install --save hexo-theme-fluid

然后在博客目录中创建_config.fluid.yml文件,并将Page中的_config.yml的内容复制进去。

设置主题#

编辑博客根目录中的_config.yml文件,如下所示:

theme: fluid

创建关于页面#

关于页面需要手动创建:

$ hexo new page about

然后编辑/source/about/index.md文件并添加layout属性。
修改后的示例如下:

---
title: 关于
date: 2020-02-23 19:20:33
layout: about
---

关于内容

更多配置#

更多信息,请访问官方文档

加载中...
此文章数据所有权由区块链加密技术和智能合约保障仅归创作者所有。