首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

用Hexo制作自己静态博客

添加Disqus评论支持 静态博客因为是静态,所以没有办法支持评论等功能。不过很多第三方评论服务都可以通过添加JS代码方式让博客可以支持评论功能。...原来国内比较著名第三方评论系统有多说,可惜因为无法盈利已经关闭了。Hexo官方支持Disqus,一个国外第三方评论平台。当然,为了使用Disqus,首先你需要去注册一个账号,并添加一个网站。...静态资源处理 假如整个博客只有少量图片等静态资源,我们可以在source文件夹中新建一个image文件夹,然后图片放置进去,在文章中使用MarkDown标准格式!...不过这种方式仅适用于在文章页面下,假如在主页或者归档页面查看文章,由于相对路径不同,图片是无法正常显示。 对于这个问题,我们需要使用Hexo标签插件来解决。...public_dir: docs 然后生成静态页面。 $ hexo generate 然后所有代码一起提交到Github上,并在设置中选择docs选项,然后保存。 ?

1K81
您找到你想要的搜索结果了吗?
是的
没有找到

如何快速给自己构建一个温馨"家"——用Jekyll搭建静态博客

把整个文件都push到github上去 git add --all #添加到暂存区 git commit -m "提交jekyll默认页面"...添加两条记录,@和www主机记录,记录类型为CNAME类型,CNAME表示别名记录,该记录可以多个名字映射到同一台计算机。 记录值请写username.github.io....结论还是自己删除MX@吧。 如果是国内域名,解析会很快,一般10分钟之内就能解析完成。我们就可以直接通过访问我们买个性域名访问到我博客了。...五.给博客增加访客评论功能 一般静态博客添加访客评论功能都是用disqus来集成。一般都是放在博客一篇文章最后,当然这个排版就看你自己怎么设计了。我这里就贴一下我集成disqus代码。...访问速度并未受影响 小绿锁看着舒心 后来又发现了第三种方法能用HTTPS访问博客方法: 使用 GitLab 提供 Pages 服务,那它直接支持添加自定义域名 SSL 证书,可以配合免费申请 SSL

22910

如何快速给自己构建一个温馨家——用Jekyll搭建静态博客

把整个文件都push到github上去 git add --all #添加到暂存区 git commit -m "提交jekyll默认页面"...添加两条记录,@和www主机记录,记录类型为CNAME类型,CNAME表示别名记录,该记录可以多个名字映射到同一台计算机。 记录值请写username.github.io....结论还是自己删除MX@吧。 如果是国内域名,解析会很快,一般10分钟之内就能解析完成。我们就可以直接通过访问我们买个性域名访问到我博客了。...五.给博客增加访客评论功能 一般静态博客添加访客评论功能都是用disqus来集成。一般都是放在博客一篇文章最后,当然这个排版就看你自己怎么设计了。我这里就贴一下我集成disqus代码。...访问速度并未受影响 小绿锁看着舒心 后来又发现了第三种方法能用HTTPS访问博客方法: 使用 GitLab 提供 Pages 服务,那它直接支持添加自定义域名 SSL 证书,可以配合免费申请 SSL

1.2K20

在站点中添加Valine评论系统并修改评论样式

或许有些地方跟原先友言或者多说插件相似,但由于历史原因今天都无法使用了,现在比较不错评论系统有disqus还有基于Github Issuesgitalk以及gitment,disqus需要访问外国网站速度才可以接受...,然后一开始我是使用基于Githubgitment,但是用户必须登录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

2.5K30

Disqus评论框改造工程-最近评论实现

最近从多说迁移到了 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

44630

玩转服务器-博客两件套之绝佳Markdown写作平台CodiMD

这里我选择是codimd,我把它部署到了自己在我腾讯云轻量应用服务器上以便提高访问速度,写下这篇记录自己部署和使用心得,供大家参考。...什么是CodiMD CodiMD 是一个开源项目,可实现 MarkDown 文档协同编辑,功能与 HackMD 一致(这好像是废话),项目地址在 GitHubhackmdio下,部署极为简单。...适合无法正常使用 HackMD 用户将其部署到自己国内服务器,安全稳定。...这里以宝塔为例直接添加一个数据库。 请注意允许所有ip访问该数据库,因为docker容器访问不属于本地ip访问。...] 配置反向代理步骤如下:(代理名称随意写一个自己认识就行) [3b166a6116a66.png] 至此本次教程到此结束,使用腾讯云轻量服务器搭建CodiMD有其他不明白地方,朋友可以到我博客和我交流

10.1K64

如何为自己创建一个既时尚又好用博客网站

第三步:安装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页面

1.8K70

自建、免费、开源评论系统解决方案

为什么选择 Cusdis 评论系统有以下几种选择: 公司产品,最有名比如 Disqus,好处是使用人数多方便互动,不用自己管理 Infra,缺点是不由你说了算,比如强行给你加广告付费才能去除(驱动我换评论系统最大原因...Cusdis 其实三类全占,它既有一个 Hosted 服务你可以直接把数据托管在上面,也给了你自己部署自建数据库自由。而且它支持从 Disqus 导入评论数据。...我使用工作流 数据库 Cusdis 支持连接你指定 PostgreSQL 数据库实例,为了省心我首先想到了 DBaaS,但之前对这块不太熟,找了下各大知名云,都不是永久免费。...注册帐号登录之后,进入到 Dashboard,右上角 Create new app 新增一个 app,区域选美国 转到 Resources 页面 Add-ons 里面搜索 PostgreSQL 并添加...自动更新 Cusdis 是一个正在快速演进项目,我希望有任何改进和 Bug 修复都立即更新到我后台上,所以我用了 GitHub Action 这个大杀器,定时 pull 上游代码提交到 fork,非常丝滑

43850

关于主题安装 InstantClick 二三事

尝试直接使用原版,又发现进度条 无法自动删除,还在疯狂增值。最后不想研究了还是选择了 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 耗时函数放到骨架屏渲染完成后再进行。

24720

利用 GitHub Pages 快速搭建个人博客前言快速开始写文章自定义域名进阶利用GithHub Desktop管理GitHub仓库修改个人介绍常见问题其他Star补充最后要说个事情

:http://www.jianshu.com/u/e71990ada2fd中,后面这一串数字:e71990ada2fd 评论系统 博客中使用Disqus 评论系统,在 官网 注册帐号后,按下面的步骤简单配置即可...: 进入 设置页面 配置个人信息 ?...我们博客文章格式采用是 MarkDown+ YAML 方式。 YAML 就是我们配置 _config文件用语言。 MarkDown 是一种轻量级「标记语言」,很简单。...下载 点击图片进入下载页面,选择对应平台进行下载 ? 下面以Mac平台为例: 安装 下载好文件解压,这只小猫拖到应用程序文件夹中 ? 就可以在Launchpad找到这只小猫咪~ ?...图片上传到图床 Mac 上图床神器:iPic 直接在App Store上下载,谁用谁知道! 使用方法很简单,直接拖动图片到 P 图标上,或者选中图片按快捷键 ⌘+U,就能请示上传。

4K110

快速搭建个人博客

: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,就能请示上传。

1.9K21

搭建一个Hexo博客

目前,博客搭建在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作为我评论插件。 过程中踩过坑 文章摘要,在文章摘要上加一行代码 <!

2.6K80

【应用】Markdown 在线阅读器

源码 效果 实现 文件解析 程序使用 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

2.9K20

高考互助组试运营报告与任务管理变动通知

两周时间没有积累很大量文档,而我为了补充内容,将以往部分可整理文档导入了团队库中,以丰富内容。 目前,我们使用了四个软件: Teambition,任务管理,即将被 Taskade 取代。...HackMD,文档管理,在国内无法访问。 Anki,复习辅助工具。 Gaokao Docs(自建),为国内用户提供访问。 HackMD 这是我们所有文档托管场所。 目前一共 47 篇。...同时,大部分文档都保存了历史版本到我 Github 仓库 GaokaoNote 中。 Teambition 曾经任务管理工具兼网盘。...树形结构基本残废,无法管理比较大量树状任务。 界面时常出 bug,右半边页面变为空白。 原因分析:选用 Teambition 时只考虑功能,未考虑体验。...选用 Github 主要原因是,我没有找到适合小型团队使用、功能简单网盘。 因此日后可能再做调整吧。

34930
领券