托管平台选择 一些常见的托管平台 PaaS Platform as a Service 平台及服务 ，旨在使用户专注于应用代码开发 的免费情况如下； Site Github Page Vercel Netfily Coolify Zeabur Free? Y Y Y 自托管免费 N（月费外无需额外） Auto Re-Deployed Y Y Y - - 其实对于这些小型的静态网页的项目部署，大多都是免费的，整体部署的流程也是相对简单，选择一个顺眼，便于国内访问用即可，但是无论是哪个方案，都建议绑定一下自己的域名，一来是更便于记，二来也能便于国内访问。 Todo ...
Important ...
Summary 利用 hugo 主题的 render hook 的功能，修改 markdown 转换为 html 的样式，通过这种方法更改特定 Markdown 元素的渲染； ...
Summary 除了基础的样式和功能，本篇介绍一些会改变原本页面结构的样式调整，或是支持一些除了 markdown 渲染外的一些额外的功能。 Assign Unique ClassName for Pages 给页面注册单独的类名 在进行一些比较复杂的样式设置之前，为了避免样式会影响到预期之外的页面，因此通过 hugo 中的 go-template 语法判断页面类型后，通过修改原有模版，给搜索，时间线，profile 等页面注册一个单独的类名。 ...
本文其实是配置和自定义 hugo 主题的第一章，从 papermod 的部署开始，记录整个基于 papermod 进行功能拓展和定制化的过程； Setup PaperMod 安装和设置 PaperMod Init Hugo Project 初始化 Hugo 项目 通过 hugo 指令新建一个 hugo 项目并制定使用 yaml 格式的配置进行设置； bash hugo new site {your-proj-name} --format yaml 进入目录并通过 git clone 安装一个主题到 theme/ 目录下，如果想要使用 git 进行一些版本管理进行自己的修改，可能需要使用 submodule 的方式添加； 如果想直接对主题的内容也进行修改的话，建议先 fork 一下原仓库，将 fork 的仓库作为 submodule 和 hugo proj 一起进行版本管理和开发； ...
本文的博客页面基于 Hexo +Icarus 主题搭建，在使用过程中对该主题做了一些简单的配置，以适应自己的需求。这里介绍一下自己粗浅的方案。 十分推荐 Icarus 这个主题，功能支持十分全面而且作者的文档也较为详实，推荐大家去了解。 拓宽显示页面区域 include/style/base.styl 中定义了各种基本页面尺寸： js $gap ?= 64px $tablet ?= 769px $desktop ?= 1088px $widescreen ?= 1280px $fullhd ?= 1472px 可以在 include/style/responsive.styl 中定义 2 栏 3 栏情况下所使用的宽度： js +widescreen() .is-3-column .container max-width: $fullhd- $gap width: $fullhd - $gap .is-1-column .container, .is-2-column .container max-width: $widescreen - 2 * $gap width: $widescreen- 2 * $gap 移动端优化 该主题在移动端表现的时候，两侧的 widget 会自动挪到下方，这样每个文章看完的时候体验很差，所以我希望在移动端的时候能隐藏这些 widget。 ...
Hexo和Gitee一致，都是由Markdown文件为基础，构建的博客，编写Markdown本身无需多言，由于Hexo并非笔者的首选笔记管理方式，故而再其他地方构建和编写文件是常态，该Blog主要是利用其他工具来方便Hexo博文的编写（Header） 默认的是 hexo new [layout] title 可简写为 hexo n [layout] title，其中布局应该是在博客目录中定义，该命令也局限于博客的对应目录。 post(默认)、draft、page 除了默认的方法，本篇将介绍Obsidian、VsCode-like、Vim自动添加Header的方式，用以方便随时随地的编写博文。 同时为了方便已有笔记迁移，本文也编写了Python脚本，CPY后为Target Dir的版本自动添加Header，但是其中对应的Catagories最好还是手动修改一下。 Obsidian 通过template插件，按照对应主题的Header样式添加，可以去官方文档中找对应的语法和说明。从而构建自己的Template Workflow：插件市场添加Template -> 设置指定Template文件夹 -> 按照语法编写Template文件 -> 使用快捷键插入模板 由于这一块没有什么存在歧义的操作，就不赘述，唯一需要注意的是语法，简单参考一下官方的Example 即可，无需过于深入 本文使用的是Live my Life的Hexo-Theme，模板文件如下： ts --- title: <% tp.file.title %> catalog: true data: <% tp.date.now("YYYY-MM-DD HH:mm:ss") %> subtitle: lang: cn header-img: /img/header_img/lml_bg1.jpg tag: - categories: - mathjax: true sticky: 22 --- 实际上各个模块的操作思想都是一致的Snippet方案。 ...
该文档主要目的是用于测试Latex语法对应前端的渲染能力，主要用于测试Hexo站点是否能正常渲染Latex。 Example1: 2 inline in one sentence. When $a \ne 0$ , there are two solutions to $(ax^2 + bx + c = 0)$ and they are $$ x = {-b \pm \sqrt{b^2-4ac} \over 2a}. $$ Example2: Matrix Example $$ \begin{bmatrix} 1&x&x^2\\ 1&y&y^2\\ 1&z&z^2 \end{bmatrix} \\ \begin{bmatrix} 1&x&x^2\\\\ 1&y&y^2\\\\ 1&z&z^2 \end{bmatrix} \\ vmatrix ||、Bmatrix{}、pmatrix() $$ Example3: the Conditional Formula $$ f(x)= \begin{cases} 0& \text{x=0}\\\\ 1& \text{x!=0} \end{cases} $$ Example4: Sprcial Symboy ...
该文档用以，记录自己（外行）利用Hexo建立Blog的过程，将原本用Gitbook构建的笔记转移到Hexo中，同时购买域名并部署其上。网页部署于Github Page 。以Live my Live主题为例。 腾讯云和Github Page的操作和理解在现有的一些博客中过时了，或者说存在一些问题，后续会对此进行简单的讲解。同时大部分博客都是使用NexT主题进行配置，这里采用的是Live My Life主题，该博文介绍自己的粗浅理解，也为自己后续的工作进行一定的参考。 还存在一些没有解决的问题： 对主题切换和主题配置和全局配置的的深入理解（Live my Life主题覆盖了很多默认配置） 前端代码的理解，自定义Layout，超链接，图标等 深入理解插件的应用和自定义 推送网站到baidu和google（Option）（没有计划） 之后有时间的话可以去研究一下： 关键词：Hexo_Livemylive、Github Page、腾讯云（Domain、DNS、SSL） Environment 需要准备的环境如下：本地Node（NPM），Page部署Git（SSH），可在Windows，Linux，WSL2中部署均可，但需要注意的是，如果在WSL2中进行部署，生成速度与部署速度会明显慢于宿主机。 首先安装NodeJS、NPM、Git并验证是否成功安装，根据Linux和Windows不同环境进行安装，可以去官网了解相关的安装步骤，或者参考Gitee和Github的两篇博文。 为了更好的编写笔记，最好配置一个图床，图床的配置可以使用Github、Gitee或者腾讯云的COS服务，相关的配置可以参考LInk sh git version node -v npm -v 安装Hexo sh npm install -g hexo-cli # 查看Hexo的版本 hexo -v Initialize Blog 对博客目录初始化：hexo init blog，blog为空的话初始化当前文件夹，初始化后基本结构如下： ...
@Aiken 2020 first write，2021 modify Mainly using picgo-core(command line) to setting picbed，and we can update the setting method Github 使用PicGo-Core（command line）设置github图床，自动转义url 插入自动复制图片，使用git上传github 基本部署 在偏好设置中的图像，进行如下设置👇： 下载或更新PicGo-Cord(command line) 接着去Github中建立一个Repo：UserName/RepoName，用以存放图片（Public），简单的用readme初始建立即可。 在Github的setting - developer setting-personal access tokens中新建token，指定简单的repo权限，并记录个人的token（只显示一次） Attention： 忘记记录的话，在token中也是通过update token（好像是这个名，获取新的值的） 用Typora打开配置文件设置，或者使用命令行进行配置 json { "picBed": { "github": { "repo": "UserName/RepoName", "token": "your github token here", "path": "img/", "customUrl": "https://raw.githubusercontent.com/UserName/RepoName/master", "branch": "master" }, "current": "github", "uploader": "github" }, "picgoPlugins": {} } 点击验证图片上传选项，进行测试，成功即可 存在问题 用Github做图床的话，上传不是十分的稳定（可能需要依赖科学上网技术。请八仙过海，各显神通）。可以用其他的服务器作图床，大体过程应该也差不多，后续个人有更换的话在进行补充。 ...
