hugo添加utterances🔮评论系统

utterances🔮 基于 GitHub issues 构建的轻量级评论小部件。官网地址为https://utteranc.es/。 准备一个公开的 github 项目 需要有一个公开的项目,因为当时将博客项目设置为私有了。所以先更改一下项目权限,当然也可以新建一个项目。 安装 utterances🔮 为博客项目安装utterances 添加到博客 新建layouts\partials\comments.html文件,写入下面代码并将repo更换为自己的项目名称。 <script src="https://utteranc.es/client.js" repo="[ENTER REPO HERE]" issue-term="pathname" theme="github-light" crossorigin="anonymous" async ></script> 然后在config配置文件中打开评论功能comments = true。 效果展示 问题 当切换到 dark 主题的时候评论还是白的,体验不太好。 经过查看源码,参考这个issues实现了根据博客主题动态切换 utteranc 主题。 layouts\partials\comments.html文件修改为: <script id="utteranc" src="https://utteranc.es/client.js" repo="Chance-fyi/blog" issue-term="pathname" theme="github-light" crossorigin="anonymous" async ></script> <script> document.getElementById("theme-toggle").addEventListener("click", () => { const theme = document.body.className.includes("dark") ? "github-light" : "photon-dark"; const message = { type: "set-theme", theme: theme, }; const utteranc = document....

2021-11-28 · 1 分钟

Typora使用Picgo图片上传七牛云的配置

{ "picBed": { "uploader": "qiniu", "qiniu": { "accessKey": "****************************************", "secretKey": "****************************************", "bucket": "chance-img", // 存储空间名 "url": "http://image.chance.fyi", // 自定义域名 "area": "z2", // 存储区域编号 z0华东 z1华北 z2华南 na0北美 as0东南亚 "options": "", // 网址后缀,比如?imgslim "path": "" // 自定义存储路径,比如img/ 经测试只是在文件名上添加了前缀 并不是文件夹路径 } }, "picgoPlugins": {} }

2021-11-25 · 1 分钟

使用docker-compose构建PHP8.0 + Swoole + Redis + MongoDB环境

最近公司考虑使用 PHP8 + swoole 进行项目的重构,所以要搭建一个环境进行开发学习。swoole 只能运行在 Linux 系统下,考虑到统一团队的开发环境,避免别的小伙伴在环境问题上浪费太多时间,所以选择使用 docker 来构建一个开发环境。 首先创建我们的工作目录Docker,然后在DockerHub上查找 PHP8.0 最新版本的镜像目前为PHP8.0.12,在Docker目录下创建php目录,因为以后可能会使用别的版本的 PHP,所以在php目录下在创建一个php8.0.12的目录,并在目录中创建Dockerfile文件。 目录结构为 Docker ├─ php │ ├─ php8.0.12 │ │ └─ Dockerfile │ ├─ ... 构建自己的 PHP 镜像 Dockerfile # 因为要使用swoole直接使用cli版本FROMphp:8.0.12-cli# 更新依赖RUN apt-get update \ && apt-get install -y \ unixodbc-dev \ zlib1g-dev \ libzip-dev# 创建`/usr/src/php/ext`目录RUN docker-php-source extract# 下载redis扩展# printf "" | 是为了跳过扩展安装过程中弹出让我们选择的yes noRUN printf "" | pecl install redis-5.3.4# 下载mongodb扩展RUN printf "" | pecl install mongodb-1....

2021-11-24 · 3 分钟

PHP镜像中自带的几个特殊的命令

docker-php-source docker-php-ext-install docker-php-ext-enable docker-php-ext-configure docker-php-source 此命令,实际上就是在 PHP 容器中创建一个/usr/src/php 的目录,里面放了一些自带的文件而已。我们就把它当作一个从互联网中下载下来的 PHP 扩展源码的存放目录即可。事实上,所有 PHP 扩展源码扩展存放的路径都在 /usr/src/php/ext 里面。 格式: docker-php-source extract # 创建并初始化 `/usr/src/php`目录 docker-php-source delete # 删除 `/usr/src/php`目录 docker-php-ext-enable 这个命令,就是用来启动 PHP 扩展 的。 格式: docker-php-ext-enable redis # 开启Redis扩展 前提是已经下载安装过 docker-php-ext-install 这个命令,是用来安装并启动PHP 扩展的。 格式: docker-php-ext-install 源码包目录名 注意点: 源码包需要放在 /usr/src/php/ext 下 默认情况下,PHP 容器没有 /usr/src/php这个目录,需要使用 docker-php-source extract来生成。 docker-php-ext-install 安装的扩展在安装完成后,会自动调用docker-php-ext-enable来启动安装的扩展。 卸载扩展,直接删除/usr/local/etc/php/conf.d 对应的配置文件即可。 docker-php-ext-configure docker-php-ext-configure 一般都是需要跟 docker-php-ext-install搭配使用的。它的作用就是,当你安装扩展的时候,需要自定义配置时,就可以使用它来帮你做到。 用法: docker-php-ext-configure ext-name [configure flags]

2021-11-24 · 1 分钟

使用Hugo搭建个人博客

安装 Go Go 的安装包下载地址为https://golang.org/dl/Windows 版下载之后一路Next就好了,注意将 Go 安装目录下的bin目录加入到环境变量中。可使用go version命令查看是否安装成功。 安装 Hugo 二进制安装(推荐:简单、快速) 到 Hugo Releases 下载对应的操作系统版本的 Hugo 二进制文件(hugo 或者 hugo.exe) Windows 版将下载的 hugo.exe 放到 Go 安装目录下的bin目录就可以了,使用hugo version命令查看安装是否成功。 创建 blog 创建一个 Github 项目 使用 Github 进行博客的源码管理,创建一个空的 Blog 项目。 生成站点 # 本地创建Blog目录并进入 # 使用Hugo快速生成站点 PS D:\Blog> hugo new site . # 初始化git 并将站点源码推送到Github PS D:\Blog> git init PS D:\Blog> git add . PS D:\Blog> git commit -m "init blog" PS D:\Blog> git remote add origin https://github....

2021-11-20 · 1 分钟