分类、标签页和新文章 添加分类页 1、新建一个分类页面,命名为 categories。...命令如下: hexo new page categories 2、编辑刚新建的页面,将页面的类型设置为 categories ,主题将自动为这个页面显示所有分类。...命令如下: hexo new page tags 2、编辑刚新建的页面,将页面的类型设置为 tags ,主题将自动为这个页面显示所有标签。...1、配置 themes/next/_config.yaml 中的 disqus 配置如下: disqus: enable: false shortname: your_shortname count...4、之后在 themes/next/_config.yaml 中配置,如下: hypercomments_id: widget_id 配置图床 文章里经常需要配图,图片存储在什么地方呢,我这里使用的是七牛云存储
添加Disqus评论支持 静态博客因为是静态的,所以没有办法支持评论等功能。不过很多第三方评论服务都可以通过添加JS代码的方式让博客可以支持评论功能。...原来国内比较著名的第三方评论系统有多说,可惜因为无法盈利已经关闭了。Hexo官方支持Disqus,一个国外的第三方评论平台。当然,为了使用Disqus,首先你需要去注册一个账号,并添加一个网站。...静态资源处理 假如整个博客只有少量图片等静态资源,我们可以在source文件夹中新建一个image文件夹,然后将图片放置进去,在文章中使用MarkDown标准格式!...不过这种方式仅适用于在文章页面下,假如在主页或者归档页面查看文章,由于相对路径不同,图片是无法正常显示的。 对于这个问题,我们需要使用Hexo的标签插件来解决。...public_dir: docs 然后生成静态页面。 $ hexo generate 然后将所有代码一起提交到Github上,并在设置中选择docs选项,然后保存。 ?
目录下看到我们新建的 markdown 文件。...所以如果使用自动生成的话,就无需再在文章中的标题添加序号了。...想要添加其它页面,重复上述步骤即可。...一般 disqus 国内加载会比较慢,但是会更稳定一点。因为我使用的网络环境连不上 disqus,所以也没什么好纠结的了,直接使用多说了。 首先去多说网站注册一下,一个账号对应于一个博客。...1) 将 SSH 秘钥复制到剪贴板: $ pbcopy < ~/.ssh/github_rsa_2.pub 如果 pbcopy 命令不起作用,可以直接去隐藏的 ~/.ssh 目录下用文字编辑器打开并复制其内容
把整个文件都push到github上去 git add --all #添加到暂存区 git commit -m "提交jekyll默认页面"...添加两条记录,@和www的主机记录,记录类型为CNAME类型,CNAME表示别名记录,该记录可以将多个名字映射到同一台计算机。 记录值请写username.github.io....结论还是自己删除MX的@吧。 如果是国内的域名,解析会很快,一般10分钟之内就能解析完成。我们就可以直接通过访问我们买的个性域名访问到我们的博客了。...五.给博客增加访客评论功能 一般静态博客添加访客评论功能都是用disqus来集成的。一般都是放在博客的一篇文章的最后,当然这个排版就看你自己怎么设计的了。我这里就贴一下我集成disqus的代码。...访问速度并未受影响 小绿锁看着舒心 后来又发现了第三种方法能用HTTPS访问博客的方法: 使用 GitLab 提供的 Pages 服务,那它直接支持添加自定义域名的 SSL 证书,可以配合免费申请的 SSL
或许有些地方跟原先的友言或者多说的插件相似,但由于历史原因今天都无法使用了,现在比较不错的评论系统有disqus还有基于Github Issues的gitalk以及gitment,disqus需要访问外国网站速度才可以接受...,然后一开始我是使用的基于Github的gitment,但是用户必须登录Github账号后才可以留言,所以有一丝丝的局限。...AppId和AppKey Valine的存储是基于LeanCloud的,所以首先需要注册一个LeanCloud账号,然后登陆创建一个应用: 点击设置按钮,进入应用的设置页面 找到应用的...APPID和APPKEY,复制备用 整合Valine到Hexo的主题中,此处为indigo Valine对Hexo的支持可以再此页面中查看,对于Hexo一般大同小异,由于之前添加过gitment.../plugins/valine') %> 在indigo_config.yaml中添加变量的赋值 注意:valine.ejs中的变量部分,theme.xxx 凡是使用theme.xxx
最近从多说迁移到了 Disqus,确实老东家做的插件会好得多,唯一的麻烦就是需要一些步骤才能看到评论框。 大多功能都还凑合。唯一不满意的就是 CSS 风格。...是时候研究一下 Disqus 的 API 了 毕竟是最大的三方评论供应商,他们的 API 及其详细。1....,然后进行各种 get 请求,Making Requests一章内介绍了如何进行请求,实际上就是告诉你记得把 Key 传过去 从Documents 页面找到我们需要的 call,也就是Forums/listPosts...注意还有其他的listPosts的需求,当前我们使用的是全站评论 用里面提供的 URL 加上自己的 Key 组成链接: https://disqus.com/api/3.0/forums/listPosts.json.../评论内容,甚至一同返回了纯文本和富文本两种内容,最后将返回的数据进行渲染一下: $.ajax({ url: 'https://disqus.com/api/3.0/forums
在 part1 和 part2 中,我们已经创建了博客的所有页面。在这篇文章中,我们将给博客添加 Disqus 评论系统,实现 谷歌分析以及完成侧边栏的小部件。...Hexo 中使用 Disqus 评论系统的文章。...klugjoTest 评论占位区 接下来我们给页面和文章详情页添加评论系统。...,我们还需要添加 Disqus 的脚本,这是一切生效的关键。...合并到局部文件中 我们希望可以在任何页面中获取到跟踪代码,而页面上又没有合适的位置来存放,因此我们选择把它添加到 的末尾: /* layout/_partial/head.ejs
这里我选择的是codimd,我把它部署到了自己在我的腾讯云轻量应用服务器上以便提高访问速度,写下这篇记录自己部署和使用的心得,供大家参考。...什么是CodiMD CodiMD 是一个开源项目,可实现 MarkDown 文档的协同编辑,功能与 HackMD 一致(这好像是废话),项目地址在 GitHub的hackmdio下,部署极为简单。...适合无法正常使用 HackMD 的用户将其部署到自己的国内服务器,安全稳定。...这里以宝塔为例直接添加一个数据库。 请注意允许所有ip访问该数据库,因为docker容器访问不属于本地ip访问。...] 配置反向代理步骤如下:(代理名称随意写一个自己认识的就行) [3b166a6116a66.png] 至此本次教程到此结束,使用腾讯云轻量服务器搭建CodiMD有其他不明白的地方,朋友可以到我博客和我交流
Hexo 有很多留言板的第三方插件(多说、disqus、Gitment、Gitalk 等等),但是这里主要讲解怎么使用 Gitalk, 因为它比较好看。..., 具体在页面上无感) labels: '{{ theme.gitalk.labels }}'.split(',').filter(l => l), // 需要的 labels需要一个数组,否则会报错...,如果没有找到这个 comments.swig , 可以直接放到themes/polarbear/layout/_layout.swig 的 body 结束标签前 三、添加配置 上面用到很多参数,这些参数正常来说...,放到 _config.yaml 里面配置比较好, 后续修改,则不需要去改代码。...# theme/[theme_name]/_config.yaml 添加配置 # =========================================== # Comments Settings
第三步:安装dbyll所需的依赖包 将dbyll clone到本地,然后进入dbyll的根目录,使用Budndler安装dbyll所需要的依赖包,终端运行下面命令: $ bundle install...你需要在disqus上为你要添加评论功能的域名设置一个disqus简称。...第二步:设置dbyll 拿到disqus简称之后就可以在_config.yml文件文件中添加disqus: disqus short name;添加完成之后发布你的网站,就可以看到disqus评论板块了...Pages上使用dbyll为例,来向大家演示dbyll的使用。...发表文章: dbyll支持Markdown语法,所以你只需要将.md文件放到_posts目录下,jekyll就会自动将.md文件渲染成一个html页面。一个.md文件代表一个HTML页面。
我为什么选择 Cusdis 评论系统有以下几种选择: 公司产品,最有名的比如 Disqus,好处是使用人数多方便互动,不用自己管理 Infra,缺点是不由你说了算,比如强行给你加广告付费才能去除(驱动我换评论系统的最大原因...Cusdis 其实三类全占,它既有一个 Hosted 服务你可以直接把数据托管在上面,也给了你自己部署自建数据库的自由。而且它支持从 Disqus 导入评论数据。...我使用的工作流 数据库 Cusdis 支持连接你指定的 PostgreSQL 数据库实例,为了省心我首先想到了 DBaaS,但之前对这块不太熟,找了下各大知名云,都不是永久免费。...注册帐号登录之后,进入到 Dashboard,右上角 Create new app 新增一个 app,区域选美国 转到 Resources 页面 Add-ons 里面搜索 PostgreSQL 并添加...自动更新 Cusdis 是一个正在快速演进的项目,我希望有任何改进和 Bug 修复都立即更新到我的后台上,所以我用了 GitHub Action 这个大杀器,定时 pull 上游代码提交到 fork,非常丝滑
尝试直接使用原版,又发现进度条的 无法自动删除,还在疯狂增值。最后不想研究了还是选择了 3.1.0-2。感觉没有进度条还是有点小卡的样子。就这样吧,之后可能闲着了会自己写一个加上。...之前 Lightime 使用的是直接加按钮,点击加载评论的方法。这次从 Sukka大佬 那里复制了份代码。...《使 Disqus 不再拖累性能和页面加载》 function loadDisqus() { // Disqus 安装代码 var d = document, s = d.createElement...= [你的页面 URL]; this.page.identifier = [你的页面的唯一辨识符]; }; // 如果你和我一样在用 DisqusJS,loadDisqus() 里就应该是...一些浏览器总是等 JavaScript 执行完了才开始页面渲染,导致骨架屏起不到降低 FCP 的优化效果,所以通过 hack 将耗时函数放到骨架屏渲染完成后再进行。
:http://www.jianshu.com/u/e71990ada2fd中,后面这一串数字:e71990ada2fd 评论系统 博客中使用的是 Disqus 评论系统,在 官网 注册帐号后,按下面的步骤简单的配置即可...: 进入 设置页面 配置个人信息 ?...我们的博客文章格式采用是 MarkDown+ YAML 的方式。 YAML 就是我们配置 _config文件用的语言。 MarkDown 是一种轻量级的「标记语言」,很简单。...下载 点击图片进入下载页面,选择对应的平台进行下载 ? 下面以Mac平台为例: 安装 将下载好的文件解压,将这只小猫拖到应用程序文件夹中 ? 就可以在Launchpad找到这只小猫咪~ ?...将图片上传到图床 Mac 上的图床神器:iPic 直接在App Store上下载,谁用谁知道! 使用方法很简单,直接拖动图片到 P 图标上,或者选中图片按快捷键 ⌘+U,就能请示上传。
添加Disqus评论系统 Anisina主题支持Disqus和多说评论,要想使用这两者,需要对其进行使用配置 (1) 首先,你需要注册其中任何一个评论系统的帐号,在这里我们使用Disqus评论系统:...https://disqus.com (2) 在Disqus设置页面中点 Add Disqus to your site 添加你的网站地址, 和设置Choose your unique Disqus URL..., 这一栏填写的就是hexo中所使用的short_name 3.
:http://www.jianshu.com/u/e71990ada2fd中,后面这一串数字:e71990ada2fd 评论系统 博客中使用的是 Disqus 评论系统,在 官网 注册帐号后,按下面的步骤简单的配置即可...: 进入 设置页面 配置个人信息 image.png 找到 Username image.png 这个 Username 就是我们 _config.yml 中 disqus_username # Disqus...我们的博客文章格式采用是 MarkDown+ YAML 的方式。 YAML 就是我们配置 _config文件用的语言。 MarkDown 是一种轻量级的「标记语言」,很简单。...下载 点击图片进入下载页面,选择对应的平台进行下载 image.png 下面以Mac平台为例: 安装 将下载好的文件解压,将这只小猫拖到应用程序文件夹中 image.png 就可以在Launchpad找到这只小猫咪...将图片上传到图床 Mac 上的图床神器:iPic 直接在App Store上下载,谁用谁知道! 使用方法很简单,直接拖动图片到 P 图标上,或者选中图片按快捷键 ⌘+U,就能请示上传。
目前,博客搭建在coding.net上,使用万网的域名。 Hexo介绍 Hexo是一款基于Node.js的博客框架,可以将Markdown格式的文本渲染为HTML代码。...因为域名是在万网注册的,默认使用万网的DNS,所以需要切换到DNSPod。 ? 在修改为非万网DNS中填写DNSPod提供的dns服务器。然后进入DNSPod管理页面添加网址,并添加CNAME解析。...*记录是任意,可以把xxx.weaponx.site解析到我的Github Pages上。 到这,域名就可以正确的解析到Github pages上了。...主流的服务提供商有Disqus(国外),duoshuo(多说,国内)。因为一些大家知道的原因,Disqus已经访问不了了。其实这也是一种优势,可以过滤掉一些垃圾评论内容(广告),提高评论质量。...多说由于是国内的厂商,速度很快。但是经常大姨妈,而且没有有效的反垃圾措施。所以我暂时使用Disqus作为我的评论插件。 过程中踩过的坑 文章的摘要,在文章摘要上加一行代码 <!
源码 效果 实现 文件解析 程序使用 marked 将 markdown 格式转为 html 格式,这是一个 js 的库,可以直接在浏览器端使用。...使用时需要使用 JSON.parse 方法将字符串转为对象。 导出文件 通过使用 FileSaver.js,我们可以方便的在浏览器端生成文件,并提供给用户下载。...下面是添加扩展的流程: 引入文件并配置 将 markdown 文件转为 html 之后,调用 Mathjax 中的方法将对应标记转为数学公式。...下面是使用方法: 确定 ECharts 在 markdown 中的语法标签 在 code 方法解析中添加对 echarts 的支持 将 markdown 文件转为 html 之后,调用 echarts...中的方法,将对应的 div 转为图表: 评论 在生成Github Page页面时,我们可以选择添加 多说 或者 Disqus 评论,其中多说就是在导出的页面中加入下面的代码 <div class="ds-thread
true,不是用新标签的都是坏人 baidu_tongji,我个人使用的是百度统计,具体百度统计的使用可以查看百度统计官网:http://tongji.baidu.com。...mathjax/2.6.1/MathJax.js scrollreveal: //cdn.bootcss.com/scrollReveal.js/3.1.4/scrollreveal.min.js 添加常用页面...首先定位到我们的本地的blog项目,如我存放的位置是E:\blog\blog ?...Hexo默认新建的文章抬头已有title、date、tags等属性,可能缺乏categories和meta标签,想要指定目录就需要添加categories属性,而meta标签则是为了便于搜索引擎的收录...想要修改的话,可以打开D:\Hexo\scaffolds\post.md(这是你clone下来的地址)文件在里面添加。
两周的时间没有积累很大量的文档,而我为了补充内容,将以往的部分可整理的文档导入了团队库中,以丰富内容。 目前,我们使用了四个软件: Teambition,任务管理,即将被 Taskade 取代。...HackMD,文档管理,在国内无法访问。 Anki,复习辅助工具。 Gaokao Docs(自建),为国内用户提供访问。 HackMD 这是我们所有文档的托管场所。 目前一共 47 篇。...同时,大部分文档都保存了历史版本到我们的 Github 仓库 GaokaoNote 中。 Teambition 曾经的任务管理工具兼网盘。...树形结构基本残废,无法管理比较大量的树状任务。 界面时常出 bug,右半边页面变为空白。 原因分析:选用 Teambition 时只考虑功能,未考虑体验。...选用 Github 的主要原因是,我没有找到适合小型团队使用的、功能简单的网盘。 因此日后可能再做调整吧。
领取专属 10元无门槛券
手把手带您无忧上云