雪萌阁

定制域名 首先要购买一个域名用于DNS解析，我这里是在阿里云上购买的域名。 输入自己心仪的域名和后缀，查询该域名是否被注册。 购买好域名后，进入阿里云控制台，点击左上角下拉菜单，选择云解析 DNS --> 域名解析。 如下所示设置三个记录。 回到 Git Page 设置页面。 DNS 解析成功，可以通过定制域名访问播客主页！ 注意在\source下的CNAME文件里写入域名，否则每次线上部署都需要重新设置域名！

改变博客字体 新建自定义css 在theme\butterfly\source\css中新建一个font.css，在里面写上如下代码。 12345678910111213141516@font-face { font-family: 'jinkaiFont'; font-display: swap; src: url(../fonts/jinkai.ttf) format("truetype"); }/*指针样式*/body { cursor: url(https://cdn.jsdelivr.net/gh/sviptzk/HexoStaticFile@latest/Hexo/img/default.cur), default;}/*链接小手样式*/img { cursor: url(https://cdn.jsdelivr.net/gh/sviptzk/HexoStaticFile@latest/Hexo/img/pointer.cur), de ...

添加 Gitalk 评论功能 获取 Gitalk的id和secret 在 Github 仓库主页点击右上角头像，选择setting --> Developer settings–> OAuth Apps，然后点击Register a new application选项卡，新建一个授权APP设置项。 注意这里如果没有域名，就跟你主页保持一致。 获取Client ID和Client secrets（这里我把自己的信息打码了） 修改_config.butterfly.yml配置 修改comments和gitalk栏目 123456789101112131415161718192021comments: # 在use下设置使用的评论系统，不设置则不启用。最多只能设置两个评论系统，第一个设为默认 use: - Gitalk # 注意G大写 # - Valine # - Disqus text: true # 在按钮旁边显示评论名称 # lazyload: 当评论元素进入浏览器的视口时，评论系统将被加载。 # 如果设置为true，则评论计数无效 la ...

定制博客 Gitalk 评论区的字体 重定向 gitalk.min.css Gitalk 的样式可以在_config.butterfly.yml中的comment区找到。 Gitalk 的css文件默认定向为https://cdn.jsdelivr.net/npm/gitalk/dist/gitalk.min.css，我们将其重定向为自己新建的/css/gitalk.min.css。 新建 gitalk.min.css 在theme/butterfly/source/css中新建一个gitalk.min.css文件，然后在本地部署的网页中打开DevTools工具(F12)，找到gitalk.min.css并将其中内容复制到前者中。 修改 font-family 在复制好的gitalk.min.css中对font-family进行修改，这样评论区的样式就由重定向后的结果决定。 查看评论区结果 修改前： 修改后： 评论区字体修正成功！

小白如何添加自己的第一篇 blog 页面生成 点击创建文章或页面.bat文件，选择1。 可以看到source\_posts里多了一个文件夹和一个md文件，这里就是咱们需要修改的地方。 编辑页面 打开md文件， 这里需要用markdown语法写笔记。 目前主流的markdown编辑器有很多，知乎上已经介绍地非常详细了Link，不过本人还是喜欢用Typora，简洁干净轻量，还有各式各样好看的主题可供选择。 [!Note] This is my first blog! Hello World! [x] Good Job! 12[root@jueye ~]# echo Hello Typora!Hello Typora! 以本节上方内容为例，Typora里输出的样式如下图所示。 针对Markdown语法，后面会出一期专栏进行详解，有兴趣的小伙伴可以多多关注萌雪哦！ 页面部署 页面部署和博客的线上部署步骤一样，已经整理成傻瓜式点击就送啦！ 值得注意的是，md文件内容与本地部署的测试页面是同步更新的，这意味着大家可以在本地边写Blog边刷新网页看成果，简直太欢愉 ...