虽然gitment可以实现评论功能,但是适配方面做的并不好,这里借用GitHub上的gitalk项目用来优化个人博客的评论功能 下面记录自己从gitment到gitalk的替换过程: 1.在layout/_partial/post目录下新增gitalk.ejs文件 代码如下: <div id="gitalk-container" style="padding: 0px 30px 0px 30px;"></div> <link rel=&…

  经过了一天的折腾,我终于为自己的博客添加上了评论系统.坦率的讲,为什么网上那么多方案我还要自己写一篇博客,那就是因为他们说的都有bug,所以我要自己总结一下.   我选用的是gitalk评论系统,原因是因为它可以直接在github上管理评论,不需要在别的平台注册,特别方便.下面我来详细说一下hexo博客是如何添加gitalk评论的.   先看一下效果: 一.配置github   首先进入github,点击右上角头像[Settings]->[Developer settings]->[OAu…

背景 Disqus需要翻墙才能正常使用 畅言有广告 2种评论系统都很难统一管理 优化 使用Gitalk评论插件 , gitalk 使用 Github 帐号登录,界面干净整洁,支持 MarkDown语法. Gitalk 是一个基于 GitHub Issue 和 Preact 开发的评论插件. 特性 使用 GitHub 登录 支持多语言 [en, zh-CN, zh-TW, es-ES, fr, ru] 支持个人或组织 无干扰模式(设置 distractionFreeMode 为 true 开启)…

在上一篇博客<程序员如何从0到1搭建自己的技术博客>中,我们了解了如何快速的从0到1搭建一个个人博客. 其实细心的你会发现,该博客用到了一个评论插件,这个插件就是Gitalk. 如果想要在博客中正确的使用该插件,还是需要修改下_config.yml里关于Gitalk的配置的. 也许你会好奇Gitalk是什么?有什么用途? 我们打开下Gitalk的官网https://gitalk.github.io/,就能看到答案. Gitalk其实就是一个评论插件,访问网站的用户可以使用GitHub账号登录后…

欢迎关注个人微信公众号: 小哈学Java, 文末分享阿里 P8 高级架构师吐血总结的 <Java 核心知识整理&面试.pdf>资源链接!! 个人网站: https://www.exception.site/essay/how-to-install-gitalk-on-your-blog 小哈之前有给大家分享如何给自己的个站快速集成聊天室功能,新关注的小伙伴可参考:<黑科技!仅需 3 行代码,就能将 Gitter 集成到个人网站中,实现一个 IM 即时通讯聊天室功能?> 集成…

在本文)末尾可查看先查看效果: 1. 新建New OAuth App 在github中,Settings / Develpoer settings OAuth Apps / New OAuth App bolg-commentshttps://github.com/SuperTrampAIbolg-comments gitalkhttps://supertrampai.com分别在对应的栏目内填入相对应的内容注意:在Authorization callback URL 中,不应该加上“/” 2.…

1.disqus https://disqus.com/ https://publishers.disqus.com/engage https://disqus.com/admin/create/ https://publishers.disqus.com/?utm_source=Home-Banner https://publishers.disqus.com/reveal 教程: https://xgqfrms.disqus.com/admin/settings/universalcode/…

先走一波效果图!    本人网站--http://www.wenzheng.club/ ps:效果还是不错的,支持QQ微信登录,支持表情,甚至gif动图评论! 插件采用韩国服务器的来必力评论插件--https://livere.com/ 电脑端效果如下                          2018-02-0223:05:56 下面是手机端 相信看到这个帖子的同学,对于我这个话题肯定很感兴趣 Hexo博客的Yilia主题中评论系统只提供了畅言.网易云跟帖.多说和Disqus. 但是多…

开始更换主题,hexo默认的主题是landscape,可以更换为其他的主题yilia主题 详细的可以查看hexo博客的演示:saucxs.github.io 可以查看在github上生成的静态文件:https://github.com/saucxs/saucxs.github.io.git,如果觉得可以请给颗星星. 下面贴出github上star数量最多的前10个主题: 1.iissnan/hexo-theme-next, 3510个star.2.litten/hexo-theme-yilia,…

Gitment 是作者imsun实现的一款基于 GitHub Issues 的评论系统. 支持在前端直接引入, 不需要任何后端代码. 可以在页面进行登录, 查看, 评论, 点赞等操作. 同时有完整的 Markdown / GFM 和代码高亮支持. 尤为适合各种基于 GitHub Pages 的静态博客或项目页面. 这篇文章仅介绍如果在 hexo-NexT 中添加 Gitment 评论插件, 并且增加一个点开显示评论的按钮, 对于 Gitment 的使用请参考 imsun 的博客. 另外, 本教程…

一,使用Gitalk的背景: 1.最近在做一个基于Java的个人博客系统,已经基本完工了,突然发现怎么没有评论的操作,如果再从头开始从数据库开始写的话,花费的代价有点大,于是乎我就在网上寻找一款适合我的第三方评论插件,第一次我找到了“畅言”,结果很令人失望,因为我的网站没有备案,所以无法使用“畅言”.于是Gitalk就映入了我的眼帘. 2.Gitalk 最初推出来,应该是想配合在 github 上建博客,方便添加评论功能的.随着其他评论插件的没落,Gitalk 就火起来了.Gitalk 是一个基…

介绍 Ayer 是一个干净且优雅的Hexo主题,自带响应式,加载速度很快,该有的功能都有,可配置项也很多,非常适合作为你的博客主题,主题内还附送了6张精美的高清壁纸.欢迎使用和Star支持,如果你在使用过程中有任何疑问或者建议,欢迎联系我! 项目地址 效果预览 中文说明 特性 干净且优雅,文章内容美观易读 首页封面全屏平铺,扁平化设计,更加高大上 响应式设计,博客在桌面端.平板.手机等设备上均能很好的展现 首页封面和文案可以任意更换,主题内附送6张精美高清壁纸 时间轴式的归档页 侧边栏可以点击显…

完成一个Hexo的主题其实很简单,和写静态页面差不多,只是内容部分通过Hexo的变量去获取,而且Hexo还内置了一些辅助函数帮你快速方便地完成繁琐的处理. 起步 在写代码之前要先把项目结构搭建好,一个Hexo主题的项目名就是主题名字本身,项目内的目录结构如下: (生成树形图是用的tree, mac上直接brew install tree就可以了,以前不写都不知道囧) . ├── _config.yml //记录主题配置信息 ├── layout //存放布局模板文件 │   └── _parti…

原文地址:从零开始制作 Hexo 主题 · Ahonn 写在前面 本文将会从零开始开发一个简单的博客主题.样式主要参考 Hexo theme 中的 Noise 主题. 开始之前你需要了解: 模板引擎 ejs官网 CSS预处理器 Hexo 文档 本文使用的模板引擎为 ejs,使用的 CSS 预处理器为 stylus.这也是 hexo 项目预装了的 render 插件,如果想使用其他模板引擎或者其他 CSS 预处理器,可以安装相对应的 render 插件.例如我的 Even 主题使用的是 Swig…

博客已迁移至http://lwzhang.github.io. 基本上所有的hexo主题默认都没有实现相册功能,一方面相册功能的需求较少,毕竟hexo主要是写博客用的:另一方面实现相册功能比较麻烦,比如说: 图片放哪里,放在source文件夹中,需要解析成静态文件,图片一旦多的话就会解析的非常慢 怎么批量获取图片url(文件名),图片那么多,不可能一个一个的手动输入图片url 等等 所以需要找到一个好的解决方法. 注意:本博客使用的是yilia主题,该主题作者litten有实现了相册功能,但他是…

前言 继上一篇的 GitPages部署自己的网站 现在开始添加博客的评论插件Gitment.这里的话我是使用hexo添加gitment插件,如果不是使用hexo,请到官网指定这里. 开始 第一步 注册 OAuth Application 首先在点击这里注册自己OAuth Application, 此处有四个内容: Application name: 随意填写 Homepage URL: 随意填写一个url Application description: 随意填写 Authorization c…

序章 想要一个自己的知识管理系统,用了 Hexo ,但是没有发现自己心仪的主题,就自己做了一个.本文记录了制作的全过程.本人编码功底和前端知识并不是特别雄厚,希望能由此文引出各路大神的兴趣,以后制作出更多优秀的主题. 预览: https://itabyss.github.io/ 源码: https://github.com/ITAbyss/hexo-wiki 教程文章:https://www.cnblogs.com/yyhh/p/11058985.html 安装 Hexo 是一款能将『 Mark…

使用GITALK的背景: 1. 最近在做一个基于Java的个人博客系统,已经基本完工了,突然发现怎么没有评论的操作,如果再从头开始从数据库开始写的话,花费的代价有点大,于是乎我就在网上寻找一款适合我的第三方评论插件,第一次我找到了"畅言",结果很令人失望,因为我的网站没有备案,所以无法使用"畅言".于是Gitalk就映入了我的眼帘. 2. Gitalk 最初推出来,应该是想配合在 github 上建博客,方便添加评论功能的.随着其他评论插件的没落,Gitalk 就火…

跌跌撞撞,总算是建立起来了.回首走过的这么多坑,也真的是蛮不容易的.那么就写点东西,记录我是怎么搭建的吧. 准备工作 安装Node.js: 用于生成静态页面,我们需要到官网上去下载即可.http://nodejs.org 安装Git:作用就是把本地的hexo内容commit到我们的远程仓库,实现更新操作https://git-scm.com/download/ 申请GitHub账号:用来盛装我们的代码,这样才能够被访问,程序员如果没有这个账号,那我就不说什么了. SSH Keys,看你自己了,可…

曾经我在一随笔讲述如何整合第三方Disqus评论插件,不过这一插件不是本土,对中国客户毕竟有点别扭.比如这一随笔就提到为啥要选择多说 - 另外一个国内比较知名的评论插件. 今天跟大家分享如何用最简单的方式集成多说.这一次也是在主题theme的级别上做最简单的集成. 1. 首先需要修改当前主题Theme的Placement.info, 添加新的Wrapper, 代码如下: <Match DisplayType="Detail"> ...其他设置 <Place Parts…

评论对于博客系统那是必须具备的一个功能,Orchard本身也默认实现了评论模块,你可以集成到其他内容,比如博客随笔,不过觉得有点寒碜,样式有点呆板.幸运的是,你可以简单集成第三方评论插件,比如Disqus, 甚至国内的多说或友言等等. 今天跟大家分享如何用最简单的方式集成Disqus. 其实有一个模块貌似已经实现这一功能,叫"Disqus Comments", 不过在最新版本Ocrhard安装成功后没法设置并启用.所以我只好在主题theme的级别上做最简单的集成. 1. 首先需要修改当…

前言 上一篇文章介绍了hexo+gitHub简易搭建属于自己的个人独立博客,但是主题是默认的landscape,略显简单,今天的教程推荐Jacman主题. Jacman是一款为Hexo打造的一款扁平化,有着响应式设计的主题,个人感觉还不错就使用了. 正文 安装主题 $ git clone https://github.com/wuchong/jacman.git themes/jacman 启用 修改你的博客根目录下的config.yml配置文件中的theme属性,将其设置为jacman. 更新…

前言 在 <一篇带你用 VuePress + Github Pages 搭建博客>中,我们使用 VuePress 搭建了一个博客,最终的效果查看:TypeScript 中文文档. 本篇讲讲如何使用 Vssue 快速的实现评论功能. 主题内置 因为我用的是 vuepress-theme-reco 主题,主题内置评论插件 @vuepress-reco/vuepress-plugin-comments,可以根据自己的喜好选择 Valine 或者 Vssue. 本篇讲讲使用 Vssue 实现评论功能的…

最近公司海外的同事提了一个新的需求:那就是将Facebook的评论系统接入到公司海外网站的资讯详情页. 下面做一个简单的介绍: 首先我们登录到Facebook开发者平台:然后进入评论插件系统(https://developers.facebook.com/docs/plugins/comments) 然后我们就可以看到Facebook评论插件的详细介绍. 进去之后我们就可以看到一个获取代码的按钮:只要输入我们需要评论的宽度就可以了: JS代码:/*************************…

增加字段关联插件 For PHPCMS V9 免费版 第一:增加字段选择关联 第二:关联后的效果 烈火下载友情提示:增加方法详见附件内的说明文档. 附件下载…

CKEditor是一个非常优秀的在线编辑器,它的前身就是FCKEditor,CKEditor据官方说是重写了内核的,但功能和性能比FCKEditor更为强大和优越.记得07年的时候第一次接触FCKEditor,那时候花了一天时间研究如何在它基础上增加一个自定义插件,可以参考这里http://j2ee.blog.sohu.com/36813753.html,但过程比较复杂和麻烦.其实CKEditor提供了非常方便的可扩展的插件体系,用户通过它的扩展插件体系就可以非常方便的增加自定义插件,我这里简单…

本文来自我的github pages博客http://galengao.github.io/ 即www.gaohuirong.cn 摘要: 由于现在我这个博客原来用的是DISQUS评论插件,那全是全球的,有些关联被墙 所以我把评论插件换成国内的多说 登录多说创建站点 *链接地址请点击 多说站点创建地址 创建多说站点,填写信息如下图: 填写完信息后,点击创建,生成代码,如下图: 上图代码有三处地方需要修改,代码中已经表示出来了,可以参照我的代码: <!-- 多说评论框 start --> <…

从0开始的Hexo主题制作 从零开始制作 Hexo 主题 H2O主题 先坑着…

2018-11-17 17:15:46 原文地址:http://www.izhongxia.com 以下是 <hexo 主题列表> 中挑选出来一些比较简洁美观的主题(存在个人主观意识,请勿见怪~~) 一.什么是 Hexo? Hexo 是一个快速.简洁且高效的博客框架.Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页. 本文主要推荐几个 hexo 的简洁美观的主题,因此具体安装使用 Hexo 可以看<官网>,这里就不在累赘了. 二.…

目前正在开发自己的网站,技术上使用Angular JS + Express JS + Mongo DB.由于网站会有文章发布,因此需要有评论功能.评论功能也可以自己开发,但由于现在社会化评论插件很多,因此没有必要多花精力,使用专业的就好. 1. 什么是社会化评论插件?都有哪些常用的插件? 社会化评论插件,指的就是无需自己开发评论功能,在自己网页上使用第三方的评论框,发出的评论将被保存在第三方的服务器上.使用时要在插件提供方官网上注册,注册好之后可获取实现功能的JS代码,以及将来可在官网上管理自己…