Hexo 美化指北 Hexo 优化指北 主题:Hexo-Fluid 仓库地址:https://github.com/fluid-dev/hexo-theme-fluid.git 用户文档:https://hexo.fluid-dev.com/docs/ 这里会写的比较糙,尽量看不难。 官方优化选项 先看看官方文档给了哪些值得拿来优化的选项,整理了一下有: 懒加载 - 提高访问速度 打字机 文章摘要 Fro...
稍微等一下,在浏览器访问域名,就可以看到了 6 Hexo Fluid 博客美化 想找一个既美观又简洁的博客主题,看来看去,最后选了 Fluid Fluid 的安装以及配置在官方手册里说的挺清楚的,改改 Markdown 就好了 预览网站:Fluid's blog和zkqiang's blog 主题安装 主题配置 补充几个: 6.1 更改代码块的背景色并设置 Mac ...
Fluid其实就是基于Hexo现有功能,进行了更进一步的配置、美化,引入了很多新的功能,使我们的博客变得更加美观、简洁与高效。 在进行Fluid实战之前,必须得先搭建好Hexo基础博客。 2. Fluid简单实战 进入之前搭建好的Hexo博客目录,执行以下命令,安装fluid主题 npm install --save hexo-theme-fluid 在博客目录下创建_config...
比如我自己用的:Hexo Fluid主题:https://hexo.fluid-dev.com/docs/ 部署到Cloudbase Hexo如果停留在本地搭建,那就不是博客了……最多是个高级点的记事本。所以,我们需要部署到云端,比如Cloudbase的静态网站托管。 方法一:手动部署 我们搭建好后,在hexo目录下,执行: 代码语言:txt AI代码解释 hexo g 执行hexo g...
# npm install--save hexo-theme-fluid 设置主题为 Fluid 将项目根目录的_config.yml中的theme的值设置为fluid顺便把语言设置成中文language为zh-CN 顺带提一下SEO优化URL地址 配置主题文件 在博客目录下创建_config.fluid.yml文件,将主题的 _config.yml (opens new window)内容复制过去。
1.安装fluid 2.配置fluid 3.更新部署博客页面 4.部署到github 四、美化 1.github-corners 2.背景图更换 五、通过git提交代码到远程仓库 展示:https://qzkq.github.io/ github.com/QInzhengk/Math-Model-and-Machine-Learning 公众号:数学建模与人工智能 广告 使用GitHub构建工具(影印版 英文版) 京东 ¥65.90...
4、博客美化4.1 更换主题Hexo官网上面有非常多好看的主题,你可以选择自己喜欢的主题下载下来放到 themes文件夹下面比较好看的主题有 Butterfly、Fluid、Indigo、Matery等,这里以更换为Matery主题为例。首先点击 官方下载地址 下载master 分支的最新稳定版的代码,解压缩后,将 hexo-theme-matery 的文件夹复制到你 Hexo 的...
要搭建一个基于Hexo的主题Fluid的个人Github博客，可以按照以下步骤进行：安装Git：访问gitscm.com/downloads并按照指引完成安装。安装完成后，通过命令行查看版本号以确认安装成功。本地Git与Github连接：生成SSH KEY，注意使用与Github绑定的邮箱。查看生成的.pub文件，路径通常为~/.ssh。将生成的SSH KEY...
1、fluid :https://github.com/fluid-dev/hexo-theme-fluid 2、Volantis:https://github.com/volantis-x/hexo-theme-volantis 3、next :https://github.com/iissnan/hexo-theme-next/ 4、nexmoe:https://github.com/theme-nexmoe/hexo-theme-nexmoe ...
如果你想要在文章中显示文章字数、阅读时长信息,可以安装hexo-wordcount插件。 安装命令如下: npm i --save hexo-wordcount 然后在【themes】→【matery】【_config.yml】 文件中,激活以下配置项即可: postInfo: date: true # 发布日期 update: true # 更新日期 ...