Hugo的PaperMod主题踩坑历程

忙了一晚上,配置Papermod主题踩了太多坑。记录一下Hugo的PaperMod主题踩坑历程(包括Safari顶栏颜色配置等)。 一、安装过程 不要使用git add submodule安装主题,否则将无法更改主题内容。正确方法是下载zip文件解压,然后git init。 api.netlify.com始终无法访问,又不在各大pac的名单上,因此开梯子的时候要设置为全局才能上去。 从Hexo转向Hugo后,最大的感受就是编译速度快了不少,netlify的免费额度终于够用了~ 二、配置过程 设置Archive页面时,除了按照官方的做法添加archives.md文件以外,还必须在config.yml下添加如下属性: params: ShowAllPagesInArchive: true 设置params.editPost属性时,在URL上必须加上/tree/master,例如: https://github.com/alvazu/hugo_standalone/tree/master/content 同时,必须设置hidemeta属性,才会显示修改按钮: params: hidemeta: false hideSummary: false 配置TOC的过程,可以参考如下配置,让TOC显示但自动收起: params: showtoc: true tocopen: false 将主页设置为非profile mode时,还必须在config.yml下添加如下属性,首页上的文章列表才能显示: params: mainSections: - post 这是由于在下列语句中,site.Params.mainSections属性返回posts,而site.RegularPages.Type返回post(少了个“s”): where site.RegularPages "Type" "in" site.Params.mainSections 配置RSS时,首先在config.yml下添加如下属性: params: ShowFullTextinRSS: true 然后将socialIcons属性指向index.xml。 要删除Catagories、Tags页面中的大标题,需要找到/layouts/_default/terms.html文件,将其中的 <h1>{{ .Title }}</h1> (也就是第五行)注释掉。 要删除底部的Powered by Hugo & PaperMod字样,需要找到layouts/partials/footer.html,从第8行开始设置注释: <!-- <span> Powered by <a href="https://gohugo.io/" rel="noopener noreferrer" target="_blank">Hugo</a> & <a href="https://git.io/hugopapermod" rel="noopener" target="_blank">PaperMod</a> </span> --> 三、设置Safari顶栏颜色跟随 找到layouts/partials/header....

October 6, 2021 · 1 min · alvazu

Hexo 安装并部署到GitHub Pages 最新教程(2021.10)

一、前期准备 1.1. 环境安装 下载必须环境 NodeJS:下载 | Node.js 中文网 (nodejs.cn) Git:Git - Downloads (git-scm.com) 测试是否安装成功 node -v npm -v git --version 安装cnpm以使用国内景象 npm install -g cnpm --registry=https://registry.npm.taobao.org 安装hexo cnpm install hexo-cli -g hexo -v 1.2. 建立Github仓库 注册GitHub账号(略) 建立GitHub仓库 这里注意,要将Repository name设置为 用户名.github.io,建立一个README.md。 1.3. 生成并绑定ssh key 打开命令行,定位到某文件夹下,输入ssh查看ssh是否已经正常安装。 ssh-keygen -t rsa -C "注册GitHub时使用的邮件地址" # 例如: ssh-keygen -t rsa -C "abc@example.com" # 输入命令后,根据提示按四次回车 生成完毕后,进入.ssh文件夹。Linux/mac用户在~/.ssh/,Windows用户一般在C:\Users\用户名\.ssh,找到里面的id_rsa和id_rsa.pub。 打开GitHub的settings页面,在左边找到SSH and GPG keys,点击绿色的New SSH key按钮。Title随便写都行,并将刚才的id_rsa.pub中的内容复制到Key栏,点击Add SSH key。 测试SSH是否绑定成功: ssh -T git@github....

October 5, 2021 · 1 min · alvazu

React 起步

React 16.8 Babel ES6==>ES5, JSX==>JS react.dev react-dom.dev

September 27, 2021 · 1 min · Aditya Telange