1.下载Hexo 2.配置fluid主题 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构建工具(影...
如何下载fluid主题 hexo 5.0以上的版本,直接npm安装:npm install --save hexo-theme-fluid 安装好之后,在博客目录下创建_config.fluid.yml,将主题_config.yml的内容复制进去。以后如果修改任何主题配置,都直接修改_config.
进入你的Hexo博客目录,找到_config.fluid.yml文件,并将其中的配置项更新为Hexo Fluid 1.8.10版本所需的配置项。可以参考官方文档或者示例配置文件进行配置。 重新启动Hexo服务 在更新完主题文件和配置文件后,你需要重新启动Hexo服务,以使更新生效。可以通过在命令行中执行hexo clean和hexo g命令来清理和生成博客文件,...
1、在命令中执行下面的安装命令 npm install -g hexo-cli 2、确认是否安装成功 hexo --version 如何能看到类似于下面的输出则证明安装成功。 $ hexo --version hexo: 4.2.0 hexo-cli: 3.1.0 os: Windows_NT 10.0.18362 win32 x64 node: 12.13.0 2.2. v8: 7.7.299.13-node.12 uv: 1.32.0 zlib: 1....
hexo-fluid添加utterances评论功能(详细图文过程) 技术标签: hexo一、新建一个github仓库 首先创建一个公开的github仓库,按下图填完信息后Create repository创建 二、安装utterances 安装utterances app(点击前往安装),install(安装)按钮未登陆github时不会显示,已安装则显示的是configure。(为了写这文笔者还特地卸载重装了...
npm install --save hexo-theme-fluid 在博客目录下创建_config.fluid.yml.将主题的_config.yml内容复制过去. S3:配置hexo Note:此后的根路径为博客文件夹所在路径hexoblog 可以先看看hexo默认的模板,直接部署: hexo g -d hexo server 默认在4000端口启动. ...
一. 添加自定义图标的css 打开iconfont官网, 找到自己想要的图标(可以关键字搜索), 选择第一个购物车, 然后下载代码 下载保存到本地, 将文件重命名, 移动到 hexo/themes/fluid/source/css目录下 打开主题目录下的_config.yml文件, 在 custom_css后面添加上新增的css文件, 如图: ...
本博客的主题已由 Fluid 改为 Butterfly, 部分功能可能失效,请注意! Hexo + Fluid 美化 Fluid 简介 Fluid 是基于 Hexo 的一款 Material Design 风格的主题,由 Fluid-dev 负责开发与维护。 主题GitHub: https://github.com/fluid-dev/hexo-theme-fluid 预览网站: Fluid’s Blog zkqiang’s blog Fluid 主题安...
Hello Fluid 欢迎体验 Fluid ,这是一款 Material Design 风格的 Hexo 主题,以简约的设计帮助你专注于写作,本篇文章可预览主题的样式及功能。 2020-04-22 主题示例 #示例 #Fluid 仿TrymenT 游戏风格的时钟组件 一个模仿游戏 TrymenT 中时钟界面的 Web 时钟实现,带有独特双环设计 2025-03-10 功能增强 #...
### 关键词 Fluid主题, Hexo框架, Material风格, 代码示例, 优雅外观 ## 一、Fluid主题的基本使用与定制 ### 1.1 Fluid主题概述与安装 Fluid 主题是一款专为 Hexo 框架设计的 Material Design 风格主题,它以其优雅的外观和强大的功能性赢得了众多博客作者的喜爱。安装 Fluid 主题的过程简单直观,首先需要确保本地...