打造更健全的博客空间 - 建站指引2

news/2024/4/28 0:36:15/文章来源:https://blog.csdn.net/weixin_34413357/article/details/89059108

根据建站指引1的步骤,我们搭建了一个最基本的个人博客。本人使用atom编辑器自带的markdown系统进行写作,结合atom的markdown插件,能给我们带来更舒畅的写作体验。同时,给我们的博客添加第三方服务集成能使我们站点功能得到扩展。这篇文章能为你解决下面的问题:

  1. 简化 Markdown 贴图流程

  2. 其他 Atom Markdown 插件

  3. 集成 Gitment 评论系统

本文已在本人博客中同步发表~传送门

Atom Markdown 优化插件

1. 使用快捷键插入截图

在使用hexo时,我们可以使用网图或者本地图来作为文章图片的引用。而当我们想直接在文章中使用截图时,一般需要经过如下几个步骤:

  • 截图

  • 上传至图床

  • 将图床markdown代码插入文章中

由此看来,插入截图时比较繁琐的,而我们希望的是截图之后能直接快捷键将其贴入我们的文章中。查阅了几篇文章,最后决定使用atom的插件markdown-img-paste(贴图快捷键为ctrl+shift+v)。

如非使用atom编辑器,请参考以下两篇相似内容文章

windows版本markdown一键贴图工具
Mac版本使用alfred在markdown中愉快的贴图

回到上文内容,markdown-img-paste支持直接截图上传至七牛图床和上传至本地文件夹。但是如果选择本地储存的话,是直接将图片存入assets文件夹再进行引用的,而hexo的图片资源需要souces/images下。所以我将其直接上传至七牛云。下载并安装好该插件后,对此进行七牛云的授权和设置。对于没有七牛云账号的同学们,可以到七牛云申请一个账号,__并创建储存空间__。

调出Preferences窗口,找到markdown-img-pastepackage进行设置。配置如下:

提一下几个参数:

  1. 首先得勾选 use qiniu for image link 使用七牛云储存图片

  2. accesskey 和 secretkey 是我们七牛账号的两个唯一秘钥,可在个人面板-密钥管理中查看

  3. bucket 是我们创建的储存空间的名称

  4. domain 是我们储存空间的域名

  5. uphost 默认是华东的存储空间即 up.qiniu.com
    华北的存储空间 使用 up-z1.qiniu.com

华南的存储空间 使用 up-z2.qiniu.com
(这里没注意到这个有可能会报错)

设置好之后,就可以愉快地截图>一键粘贴>上传 啦~(注意一下,gif是没有办法直接粘贴上传的)

2. 其他优化markdown写作体验插件

我是好文章的搬运工。。。 (。・`ω´・)
使用Atom打造无懈可击的Markdown编辑器

集成Gitment评论系统

多说倒闭了,想必大家都了解过。比对了市面上几款评论系统,觉得他们外观都不太简约,或者色调和我选择的主题不相符。而口碑比较好的disqu则在国内会被墙掉。所以,这里选了一款较新的评论系统gitment。
如何将gitment嵌入hexo的主题中,是下文将要讨论的问题,对于gitment的其他Api,请自行查阅gitment的readme。

1. 注册 OAuth Application

首先得注册一个OAuth Application,并获得client_id和secret_id。传送门

2. 在配置文件添加gitment支持

找到主题文件下的_config.yml,自行添加字段:

gitment: true

3. 在comments文件中加入gitment配置

找到 主题/layout/_partials/comments.swig(也可能不是swig文件,但逻辑是类似的),加入代码

{% elseif theme.gitment %}
<link rel="stylesheet" href="https://imsun.github.io/gitment/style/default.css">
<script src="https://imsun.github.io/gitment/dist/gitment.browser.js"></script>
<script>var gitment = new Gitment({// 根据文章标题设置唯一评论idid: '{{page.articleId}}',owner: 'yourname',repo: 'your blog github repo',oauth: {client_id: 'your clientid',client_secret: 'your clientsecret',},})gitment.render('comments')
</script>

配置项的id若不设置的话,默认为 location.href,尝试过不设置该项,但若文章url含有hash #more 时,会拉取不到评论。

4. .md文章下的配置

在头部添加下面代码

comments: true
/**若comments.swig中的id没配置的话,忽略该项注意这里的artile name是指你md文件的命名而不是文章标题
**/
articleId: your article.md's name

以上,我们便搭建好了一个较为健全的博客空间~

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_722913.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

如何对网站关键词进行合理布局?

网站关键词优化是做网站seo优化的至关重要的步骤&#xff0c;如果你网站的关键词布局、关键词运营、关键词设置、关键词挑选没有做好&#xff0c;那样会导致你后期优化效果乏力&#xff0c;不能得到理想的优化成效。所以网站关键词优化不单单只是简单的挑选设置关键词那么简单&…

php繁体网站配置,php网页是繁体字怎么办

PHP简体繁体转换&#xff1a;zh-Hans&#xff1a;语言限制匹配规范&#xff0c;表示简体中文。适用区域范围是全宇宙用中文简体的地方&#xff0c;内容包括各种用简体的方言等。<?php /** define zh convert functions* 2017-4-28 use str_replace for speed* zh_hans_to_z…

网站适用的PHP缓存类

缓存在实际使用当中应用很广泛&#xff0c;可以减轻对服务器数据库的访问&#xff0c;提高运行速度。目前很多CMS内容管理系统中频繁使用缓存机制来提高系统运行的效率。下面是一个写得不错的缓存类&#xff0c;可以参考下缓存的机制与写法。 cache.php 代码如下&#xff1a; &…

php 随机在文章中添加锚文本_锚文本链接怎么写,锚文本链接对于seo的作用

锚文本建设是网站权威性建设的一个重要方面&#xff0c;什么是锚文本&#xff0c;如何做锚文本链接&#xff0c;是SEO的必备技能。对小网站来说&#xff0c;用这种方法来做目标关键词排名&#xff0c;是非常必要的。笔者认为&#xff0c;seo并不复杂&#xff0c;掌握底层seo核心…

高性能网站架构之负载均衡 Nginx+tomcat+redis实现tomcat集群

上一篇文章给大家讲了Nginx的安装&#xff0c;那么这篇文章为大家讲一下NginxTomcat实现负载均衡。 先说说为什么要用ngnix 做负载均衡&#xff0c;其实做负载均衡的最出名的莫过于F5了&#xff0c;F5是在硬件设施&#xff0c;动辄几万&#xff0c;几十万&#xff0c;几百万不等…

vs新建网站选项只有wcf服务器,在 Windows 窗体中创建一个简单的 WCF 服务 - Visual Studio (Windows) | Microsoft Docs...

演练&#xff1a;在 Windows 窗体中创建简单 WCF 服务11/04/2016本文内容本演练演示如何创建一个简单的 Windows Communication Foundation (WCF) 服务&#xff0c;对其进行测试&#xff0c;然后从 Windows 窗体应用程序访问该服务。备注本文中的某些 Visual Studio 用户界面元…

大型网站的负载均衡器、db proxy和db

大型网站的负载均衡器、db proxy和db 本文主要分析网站后台架构中的负载均衡器&#xff0c;企业常用的硬件负载均衡器软件负载均衡器、数据库代理服务器和数据库。 1.1 负载均衡 在大型网站部署中&#xff0c;负载均衡至少有三层部署。第一层为web server或者缓存代理之上的负载…

html5 bbs网站,分享一个优秀HTML5网站的开发思路

由于网站开发的工作原因&#xff0c;最近一直在学习HTML5语言。没事的时候&#xff0c;就喜欢到处搜罗优秀的网站来看&#xff0c;甚至调出它的源码来研究。几个月来&#xff0c;个人学到了很多&#xff0c;在这里也想和大家分享一下自己研究过的网站&#xff0c;并且会给大家分…

一个网管8年来运营网站的辛酸经历

一直以来&#xff0c;都想写点什么&#xff0c;但思绪有点混乱&#xff0c;不知从何下笔。这要源于2015年进入股市惨败直至17年投资生意失败&#xff0c;三年时间耗费了所有积蓄&#xff0c;还倒欠了一些外债&#xff0c;所以无心打理其他事情&#xff0c;今天整理了一下心情&a…

html制作一张学生信息表格,学生个人网页制作代码,制作一个很简单网页表单代码 _ 惠州SEO...

进入下一页吗var }var url\"next.html\";//正确后转到网址function go}if(o.}document.location.reload(url);}}请输入网址学生个人网页制作代码&#xff1a;将以上内容复制到记事本后学生个人网页制作代码&#xff0c;另存为\"xxx.html\"对回答的内容有问…

大型网站背后的高性能系统架构设计

2019独角兽企业重金招聘Python工程师标准>>> 1. 性能测试 1.1. 性能指标 网站性能测试的主要指标有&#xff1a; 响应时间 - 响应时间(RT)是指从客户端发一个请求开始计时&#xff0c;到客户端接收到从服务器端返回的响应结果结束所经历的时间&#xff0c;响应时间由…

有哪些网站是django开发的_商城网站建设的具体开发流程有哪些

商城网站建设可以改变一家企业的营销模式&#xff0c;一些传统的行业在做着线下产品的销售&#xff0c;而有了商城之后就可以做网上销售&#xff0c;不过商城网站的开发比普通网站开发的难度更大&#xff0c;所以大家一定要认真的去了解那么商城网站建设的具体开发流程有哪些&a…

Java web speach api_HTML5 Web Speech API,让网站更有趣

Web API 变得越来越丰富&#xff0c;其中一个值得注意的是Web Speech API。传统的网站只能“说”&#xff0c;这个API的出现&#xff0c;让网站能“倾听”用户。这个功能已经开放了一系列的用法&#xff0c;非常棒。在这篇文章中&#xff0c;我们将看一下这项技术和建议的用法&…

seo模拟点击软件_SEO点击软件是否对网站排名有帮助

SEO点击软件是否对网站排名有帮助我们在搜索引擎搜索东西时候都是以某个关键词进行搜索&#xff0c;然后再更具该关键词的长尾词进行详细查找。在搜索时候我们会留意网站的展现数量&#xff0c;如某某网站展现量多&#xff0c;某某网站展现少&#xff0c;这些都会在我们潜意识里…

php页面怎么改造mip,代码适配的网站如何进行mip改造

最近一个小站需要进行mip改造&#xff0c;网站是代码适配的网站。就是电脑访问返回电脑端的页面&#xff0c;手机端访问返回手机端的页面。网站的url是相同的。改造后在百度提供的在线验证工具中进行了测试&#xff0c;全部通过测试。然后在站长后台进行了提交。提交后大概等了…

Python爬虫实战之爬取网站全部图片(二)

通过python 来爬取网站内所有的图片到本地 第三篇是动态获取参数构造图片地址实现下载图片 传送门&#xff1a;https://blog.csdn.net/qq_33958297/article/details/82316019 这篇文章的目的是因为上一个文章里的地址已经无法访问了 考虑到可能有的新手没有办法去实验&…

如何在微软Azure上搭建个人博客网站

手动配置服务器对很多读者来说可能并不是一件容易的事。好在在Azure中&#xff0c;微软已经就搭建WordPress个人博客给出了一站式的解决方案&#xff0c;对于零基础读者来说&#xff0c;在Azure上搭建WordPress即意味着你无需经历繁琐的服务器配置过程。本期的教程&#xff0c;…

CentOS7搭建DVWA网站

Lamp架构搭建DVWA 搭建Lamp请看&#xff1a;https://blog.csdn.net/qq_41709494/article/details/89430834 1.下载DVWA地址&#xff1a;http://www.dvwa.co.uk/ 2. 安装Lamp的所有包 [rootlocalhost ~]# yum install php php-mysql php-gd httpd mariadb mariadb-server -…

记一次网站优化---图片压缩与移动端画面缩放问题

一、背景 前段时间被人吐槽自己负责的官网访问慢 其实自己平时访问的时候是有意识到的&#xff0c;但是没有特别放在心上 在工作的列表中优先级排的不高 最近空闲了下来&#xff0c;使用性能分析工具审计了一遍网站的各项指标 发现了比较严重的问题 二、问题 1、页面内容空白时…

可以发外链的网站_外链是什么意思?发外链的技巧【经验分享.视频】

外链是什么意思&#xff1f;外链是指网站的外链&#xff0c;是指一个网站所拥有的站外推广链接。把自己的网址发布到别人的网站上&#xff0c;这样的链接叫做外链。&#xff08;可发文章的平台&#xff0c;如58同城、赶集网、百姓网、等外链平台&#xff09;比如我在百姓网发了…