添加Twikoo实现博客在线评论——2023最新版
Vercel部署注意:按照视频教程中执行到云函数运行成功的步骤时请返回本教程
部署方式:https://www.bilibili.com/video/BV1Fh411e7ZH
参考Twikoo文档:https://twikoo.js.org/
视频中下一步要求我们点击DOMAINS链接,但是这个链接已经被墙了,无法访问到,我们需要更改DOMAINS
申请个人域名阿里云、腾讯云、华为云都可以,我在阿里云申请的
主页搜索域名注册,在搜索记录里点击域名注册
自定义想要的域名
购买域名
域名不需要备案,因为我们只是需要一个二级域名
生成二级域名
在阿里云控制台添加子域名解析记录首页打开控制台
点击图片中的云解析
点击你购买的域名
点击添加记录
记录类型选择CNAME
主机记录随便写,我填的是blog
记录值设置为你的网站域名,例如我的是:hellodqy.github.io
点击确认
现在已经生成了一个二级域名,但是这个域名并不能打开任何网页,因为它没有与Github Page绑定,本教程不需要绑定!想绑定的话直接去Github的仓库找到CNAME文件,没有的话就自己 ...
Hexo集成Algolia实现网站搜索引擎
创建 Alogolia Index首先登陆进入 Algolia 官网,我们可以使用 GitHub 或 Google 帐号登录。
创建一个Index,随便取一个名字
配置API Key
接下来我们需要配置 Algolia——API Keys 到我们自己的 hexo 站点中,关联两者,使得 Algolia 能够搜集我们 hexo 站点的数据通过 API 发送给 Aloglia
回到首页打开API Keys,其中的 Application ID 、Search-Only API Key、Admin API KEY信息将会被用到
首先我们需要修改Blog根目录下的 _config.yml:
1234algolia: applicationID: '你的Applicaiton ID' apiKey: '你的Search-Only API Key' indexName: '创建的索引名称'
然后我们需要配置一个名称为 HEXO_ALGOLIA_INDEXING_KEY,内容为 Alogolia 网页中 Admin API ...
hexo博客安装butterfly主题
Butterfly 主题安装1git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly
这里面如果报错,如下图所示
执行下列命令:
12git config --global --unset http.proxy git config --global --unset https.proxy
应用主题Blog根目录下找到站点配置文件_config.yml文件
搜索找到theme,将landscape改为butterfly
安装插件如果你没有 pug 以及 stylus 的渲染器,请下载安装:
1npm install hexo-renderer-pug hexo-renderer-stylus --save
博客撰写与发布
Typora下载与配置下载与破解教程:2022最新Typora破解激活教程)
文件夹介绍
_config.yml:俗称站点配置文件,很多与博客网站的格式、内容相关的设置都需要在里面改。
node_modules:存储Hexo插件的文件,可以实现各种扩展功能。一般不需要管。
scaffolds:模板文件夹,里面的post.md文件可以设置每一篇博客的模板。具体用起来就知道能干嘛了。
source:非常重要。所有的个人文件都在里面!
themes:主题文件夹,可以从Hexo主题官网或者网上大神的Github主页下载各种各样美观的主题,让自己的网站变得逼格高端的关键!
生成新文章1hexo new post "新建博客文章名"
文章标题与封面
title:文章标题
cover:文章封面
categories:文章分类
tags:文章标签
发布博客
清理静态缓存
1hexo cl
生成
1hexo g
本地部署
1hexo s
部署以后打开一个浏览器,在网址栏输入localhost:4000/即可看到网站更新
部署到Github
1hexo ...
butterfly主题的基础通用配置
循环动态显示文字可设置主页中展示的网站副标题或者自己喜欢的座右铭
修改主题配置文件_config.butterfly.yml
1234567891011121314151617181920# Sitetitle: Hexosubtitle: enable: true # Typewriter Effect (打字效果) effect: true # loop (循環打字) loop: true # source 調用第三方服務 # source: false 關閉調用 # source: 1 調用一言網的一句話(簡體) https://hitokoto.cn/ # source: 2 調用一句網(簡體) http://yijuzhan.com/ # source: 3 調用今日詩詞(簡體) https://www.jinrishici.com/ # subtitle 會先顯示 source , 再顯示 sub 的內容 # source: 3 # 如果關閉打字效果,subtitle 只會顯示 sub 的第一行文字 sub: - 我双手合十的愿望里永 ...