这两天一直想着给自己的博客添加一个Twikoo评论系统,毋庸置疑的,感觉静态博客的评论系统Twikoo还是非常不错的,看过很多的教程,但是因为个人技术和理解能力的问题,都没有成功,后来找一篇简单的文章,仔细思考了一下里面的理论,终于成功安装了Twikoo系统,下面记录一下过程。首先说明,静态博客安装Twikoo的评论系统,应该和轻量服务器的系统没有太大的关系,主要是有没有安装docker,毕竟万物都可以docker。如果没有安装docker,就需要在宝塔面板或者轻量服务器里面安装好docker,毕竟我们安装Twikoo评论系统,使用的是docker。
账户切换进入轻量服务器的登录界面,切换root用户
1sudo su root
个人心理问题,感觉root用户权限大一些,其他默认的账户或者自己添加的账户没有测试。
拉取docker1docker pull imaegoo/twikoo
这个代码主要是拉取最新的Twikoo的镜像,但感觉拉取下来的Twikoo镜像不是最新的,安装之后需要升级,这个时候需要静心等待,如果速度够快稍等片刻就可以,如果速度不好,境外的轻量服务器,就需要适当 ...
uncategorized
未读
今天在浏览一个网页的时候,发现一个很有趣的问题。这个网站的站长多少熟悉一点儿,知道站长朋友自始至终没有放弃网站建设,但是很奇怪的是网站打开之后是404错误,也就是只展示一个错误页面,你以为的404错误页面是这样
其实他所展示的404错误页面是这样
那真的是连装都不装了,至少你给朋友们美化一下啊,没有,就是这么直接。后来经过群里朋友解释,才发现这个页面,其实就是货真价实的浏览者浏览网页出现的界面,也就是给人看的,网页内部的内容,也就是HTML代码不显示的内容,才是给搜索引擎的蜘蛛看的。用站长工具查了一下,果然
想了想以前还是没有流量,半年的时间已经有了流量,果然有猫腻啊。经过一番折腾,在他的网站jQuery文件之中,发现如下代码:
1234567891011setTimeout(function () { document.writeln("<div class='t1'>"); document.writeln(" <h1>404 Not Found</h1>"); ...
今天为博客的一个老问题咨询了一下互联网的AI同志,发现一个很有意思的问题,貌似我的Hexo博客需要升级,本着能够使用最新版绝对不糊弄的心态,决定对我的博客进行升级,当然了Hexo博客升级涉及的东西还是比较多的,所以在这里做一个记录,希望能够帮助到和我有相同需求的朋友。
一、node.js 更新
首先是检查一下node.js的版本问题,需要使用如下代码的代码,打开本地电脑的cmd命令窗口,然后输入如下代码:
1node -v
如果不出问题的话,会在cmd的命令窗口中显示当前node.js的版本,此时大家可以去node.js的官方网站查看一下。
然后是查看当前node.js的安装位置,需要在cmd窗口中输入
1where node
如果不出问题的话,会在cmd的命令窗口中显示当前node.js的当前安装位置。
进行完上两步之后,大家可以进入node.js的官方网站查看node.js的版本,如果有新版本,大家可以下载对应的文件进行升级。例如,我是Windows环境下安装的node.js,就需要下载对应的Msi文件进行安装。
1https://nodejs.org/dist/
二、 ...
今天在一个博客上,看到了一片介绍Hexo博客添加评论的功能,主要就是在Hexo博客的Butterfly主题中使用评论系统twikoo,twikoo是一个简洁、安全、免费的静态网站评论系统 ,很多的Hexo博客都在使用。把博客文章转载过来,方便自己的博客安装评论系统时,有个提示的作用。下面来看实际操作:
主题的配置1.打开_config.butterfly.yml 文件,评论那块,改成 twikoo:
2.然后往下找,找到 twikoo 的设置模块:
3.把 envId 修改成你使用的域名,把 visitor 修改为 true:
重新启用 hexo其实就是Hexo g,然后是Hexo d,就可以看到我们的评论区啦!
实际效果来看实际的效果
其实我对评论系统比较抵触,当初第一次做博客的时候,使用的是Zblog程序,有一个朋友估计和我的博客不对付,一天24小时的狂刷评论,导致一个没有多少流量的小破站被迫漂泊海外两个月,而且让我下定觉醒从Zblog转移到了Hexo,丢失了一些内容。下面来说一下文章地址:
原文地址:在Butterfly主题中使用评论系统twikoo
下面说一下twi ...
当前,搭建外贸独立站的用户选择独立云服务器的越来越多,有的会安装类似宝塔面板的管理工具,来方便服务器的维护管理。如果在宝塔面板中创建了FTP帐号后,使用FileZilla、CuteFtp等FTP软件无法连接,出现类似“服务器回应不可路由的地址。使用服务器地址代替。”,或者 “错误: 读取目录列表失败” 的错误信息,可以参考本文的解决方法,来排查处理。
1排查宝塔面板中的FTP服务是否启动在宝塔面板的【软件商店】切换至 【已安装】软件列表,找到其中的 Pure-FTPd,点开右侧对应的 设置 项,检查该服务器软件的FTP服务器软件的当前状态是否为 开启 状态。如下图所示:
如果 Pure-FTPd 可以升级,建议升级到最新版本。
2检查服务器(防火墙)端口设置服务器(防火墙)端口是否放行,配置是否正确,直接关系到FTP是否可以连接至服务器的重要因素。
首先,在宝塔面板的【安全】中的 系统防火墙,检查是否添加了21端口(FTP协议默认端口),如果使用 sftp,则还需要添加22端口;
另外,FTP被动模式端口范围(39000-40000)是否添加,如下图所示:
如果使用的是腾讯云 \ ...
谈起这篇文章,其实更多的是告诉新手朋友如何在Hexo博客里面完整的发布一篇博文,这里面主要是涉及到了分类的作用,有些时候分类的作用还是非常明显的不然文章没有哦归属感。下面来看教程:
1.添加收藏夹菜单
新建一个页面,命名为 favorite,命令如下:
1hexo new page favorite
然后就可以看到在source下多了一个favorite的文件夹,里面有一个index.md文件,在这里其实就是创建了一个分类的意思。
2.在菜单中添加链接
编辑主题的 _config.yml ,在 menu 中添加如下代码:
123- page: favorite directory: favorite/ icon: fa-star
当然了,每个主题的菜单位置不同,而且代码格式也稍微有区别,大家注意一下这个问题。
3.语言设置如果你用的时中文,即你使用的语言是 zh-CN,那么你就需要在themes主题下找到你安装的主题里找到languages文件夹,里面有个zh-CN.yml,用编辑器打开这个文件,添加favorite对应的中文翻译
1favorite: 收藏夹
大功告成!此 ...
搭建好Hexo博客之后,很多人会非常高兴的忙着去写博文,其实Hexo博客搭建完成,只是初级阶段,一些必要的设置还是要有的,例如添加分类页或者标签页就很重要,今天我们来看看如何给Hexo博客添加分类页和标签页。
1.创建目录页在网站根目录下执行以下代码。
1hexo new page categories
Hexo\source 目录中会生成一个 categories 文件夹,文件夹内有一个 index.md 文件,打开此文件,将其中的 type 修改为 categories 即可。
1234title: 分类date: 2021-08-16 10:27:28type: "categories"comments: false
2.创建标签页创建标签页与创建目录页方法相同。在网站根目录下执行以下代码。
1hexo new page tags
Hexo\source 目录中会生成一个 tags文件夹,文件夹内也有一个 index.md 文件,打开此文件,将其中的 type 修改为 tags 即可。
1234title: 分类date: 2021-08-16 10 ...
今天在一个博客上,看到了一片介绍Hexo博客添加评论的功能,主要就是在Hexo博客的Butterfly主题中使用评论系统twikoo,twikoo是一个简洁、安全、免费的静态网站评论系统 ,很多的Hexo博客都在使用。把博客文章转载过来,方便自己的博客安装评论系统时,有个提示的作用。下面来看实际操作:
主题的配置1.打开_config.butterfly.yml 文件,评论那块,改成 twikoo:
2.然后往下找,找到 twikoo 的设置模块:
3.把 envId 修改成你使用的域名,把 visitor 修改为 true:
重新启用 hexo其实就是Hexo g,然后是Hexo d,就可以看到我们的评论区啦!
实际效果来看实际的效果
其实我对评论系统比较抵触,当初第一次做博客的时候,使用的是Zblog程序,有一个朋友估计和我的博客不对付,一天24小时的狂刷评论,导致一个没有多少流量的小破站被迫漂泊海外两个月,而且让我下定决心从Zblog转移到了Hexo,虽然丢失了一些内容,但是我感觉很多时候省去了不必要的麻烦。下面来说一下文章地址:
原文地址:在Butterfly主题中 ...
ypora配置PicGo时提示:Failed to fetch
遇到问题:今天在帮朋友安装typora的时候,发现一个问题,就是picgo可以上传图片,但是typora却不能上传图片,即便是在typora的设置里面,使用测试功能也是报错,而且报错的代码非常简单
1Failed to fetch
当时非常的诧异,就是picgo已经可以上传了,而且typora的后台设置也没有问题
错误原因:有点懵圈,于是在互联网上搜索了一下,有朋友说Failed to fetch报错是typora和picgo的监听端口不一致导致的,所以大家记住下面的截图,
知道了typora的端口是36677,然后我们看一下picgo的端口
大家如果想着查看picgo的端口,打开PigGo,选择PicGo设置-设置server,会发现监听端口为36678。如果没有开启Server,就需要打开,然后如果端口不一致就需要修改其中的端口,一般情况下是picgo的这个功能没有打开,打开之后两者的端口是一致的。
端口调整一致后,重新使用typora上传图片,无论是测试图片还是真正的文章图片,都不会再有问题,所以这个错误 ...
picgo
未读
今天再给朋友安装picgo的时候,出现了一个问题,就是上传图片的对话框飘红,说简单些就是上传图片失败,感觉配置picgo也不是第一次,想了想整个的配置过程也没有问题啊,例如:
上传插件:
因为我使用的是ftp模式上传,所以需要下载ftp-uploader1.14插件,非常简单,只要在picgo的插件设置中搜索ftp-uploader1.14这个插件,然后安装就可以,随后就是配置信息ftpUploader.json,需要将这个文件放到picgo的文件夹里面,和picgo.exe同文件夹,代码如下:
1234567891011{ "pictureBed": { "url": "Your domain name", "path": "/images/{fullName}", "uploadPath": "/wwwroot/images/{fullName}", &q ...
今天突然想起来,Hexo是可以通过ftp的方式部署网站的,于是就赶紧着想试一试,毕竟又找了份便宜稳定的虚拟主机,看看这次能不能成功,如果成功了,就不用每天用ftp软件上传了。先来看插件的安装:
插件安装说明:这次使用的依然是良心插件:hexo-deployer-ftpsync,大家需要提前安装按一下,运行下面的代码
1npm install hexo-deployer-ftpsync --save
如果不能够运行,就使用
1npm install hexo-deployer-ftpsync
安装之后就可以在网站的根目录里添加ftp的部署代码:
添加部署代码:1234567891011#### ftp deploydeploy: type: ftpsync host: ftpserver # ftp服务器地址 user: ftpusername # ftp用户名 pass: xxxx # 你的ftp用户密码 remote: xxx # 你要上传到的地址,例如/wwwroot port: 21 # ftp端口,不同的ftp可能会不一样 delete: true # 上传本地文件是否删 ...
Hexo构建博客还是比较容易的,在完成博客搭建之后,作为博客最重要的组成部分,其实就是博客根目录下的 _config.yml 文件,想来大家都一定很熟悉,主要是对Hexo的配置以及站点的相关配置,下面开始进行分段详细的说明
1.站点配置这个主要是网站的基本配置,需要按照自己的网站设置来填写。
12345678# Sitetitle: # 网站标题subtitle: # 网站子标题description: # 网站描述keywords: # 网站关键词author: # 网站作者,也就是您的名字language: # 网站使用的语言,这需要注意:看你的主题文件下的language包下有什么语言包就些什么。后面详细说明! timezone: # 网站时区。Hexo 预设使用您电脑的时区。
2.网址配置这个地方一般根据情况修改 url 和 root 即可。
12345678# URLurl: ...
website
未读
RSS(Really Simple Syndication) 简易信息聚合,在互联网上被广泛采用的内容包装和投递协,是一种描述同步网站内容的格式,使用xml格式。当网站内容更新时可以通过订阅RSS源在RSS阅读器上获取更新的信息。大多数内容提供的网站都会提供RSS订阅的功能,方便用户去获取最新的内容。
本篇文章主要介绍怎么给自己的hexo博客添加RSS源,不过大家需要先注意,如果我们搜索Hexo博客的RSS,会发现两个RSS功能的npm包,分别是
1hexo-migrator-rss
和
1hexo-generator-feed
不过第一个包是从 RSS 迁移所有文章到source/_posts文件夹中的,第二个才是生成RSS文件的包,所以下面就介绍一下hexo-generator-feed的使用
插件安装:1npm install hexo-generator-feed
配置说明:然后在在_config.yml文件中配置该插件
12345678feed: type: atom path: atom.xml limit: 20 hub: conte ...
website
未读
robots协议也称爬虫协议、爬虫规则等,是指网站可建立一个robots.txt文件来告诉搜索引擎哪些页面可以抓取,哪些页面不能抓取,而搜索引擎则通过读取robots.txt文件来识别这个页面是否允许被抓取。但是,这个robots协议不是防火墙,也没有强制执行力,搜索引擎完全可以忽视robots.txt文件去抓取网页的快照。 如果站长想单独定义搜索引擎的漫游器访问子目录时的行为,那么可以将自定的设置合并到根目录下的robots.txt,或者使用robots元数据。需要注意的是,robots协议并不是一个规范,而只是约定俗成的,所以并不能保证网站的隐私。下面我们来看Hexo博客如何添加robots.txt文件。
插件安装:首先我们需要再Hexo运行容器中运行如下代码,用来添加robots.txt的插件:hexo-robotstxt-multisitemaps,代码格式如下
1npm install hexo-robotstxt-multisitemaps --save
如果代码报错,就需要使用下面的代码
1npm install hexo-robotstxt-multisitema ...




























