Ghost 高级设置

发布 : 2018-03-29 分类 : Notes 浏览 :

修改博客网站 Favicon 图标

  1. 准备好图标文件 favicon.ico,确保图标像素保持 60px – 1000px,大小小于 100kb 。推荐一个图标资源网Iconfinder

  2. 登录博客后台(yoursite.com/ghost)

  3. 点击 General 菜单

  4. Publication icon 设置处上传 favicon.ico 图标文件

  5. 最后保存设置
    ghost-change-favicon

如果最后还是没有显示你的图标,请清除浏览器缓存后重新刷新页面

使用七牛云存储图片

插件 qn-store

  1. 确保你的ghost博客目录下有以下文件夹 /content/adapters/storage ,通常 adaptersstorage 目录需要自己创建。

  2. 克隆项目代码到 storage 目录下

    1
    2
    # cd /var/www/whaiblog/content/adapters/storage
    # git clone https://github.com/Minwe/qn-store.git
  3. 安装插件

    1
    2
    # cd qn-store
    # npm install
  4. 添加配置
    修改博客下的配置文件 config.production.json

    1
    2
    # cd /var/www/whaiblog
    # vim config.production.json

在配置文件中添加如下配置,修改为你的七牛账号信息

1
2
3
4
5
6
7
8
9
10
11
12
13
"storage": {
"active": "qn-store",
"qn-store": {
"accessKey": "your access key",
"secretKey": "your secret key",
"bucket": "your bucket name",
"origin": "http://xx.xx.xx.glb.clouddn.com",
"fileKey": {
"safeString": true,
"prefix": "YYYYMM/"
}
}
}

注意:"storage""server" 在配置文件节点中是同级的

这样插件就安装完成了,编辑博客文章,上传图片便会上传到七牛云上。
由于我使用的是亚马逊AWS EC2,服务器在国外,所以测试时图片始终无法上传成功,最终发现是因为默认的七牛上传地址不支持国外地区访问。
解决办法是,在 "qn-store" 节点中添加 "uploadURL" 配置

1
"uploadURL": "up-z2.qiniu.com"

新窗口打开文章中的超链接

文章中插入的超链接总是会在当前窗口打开,这是非常不方便的。要使超链接在新窗口打开,只需要在每个超链接都加上 target="_blank" 属性即可,但是要手动修改每篇文章的超链接是非常麻烦的。

这里介绍一个超级简单的方法,使用 js 遍历页面中所有的超链接并处理,这里我们排除我们自己的站内链接。js 代码如下:

1
2
3
4
5
6
7
8
9
<script>
jQuery(document).ready(function($) {
$("a").each(function() {
if(this.href.indexOf(location.hostname) == -1) {
$(this).attr("target", "_blank");
}
});
});
</script>

  1. 登录博客后台(yoursite.com/ghost)

  2. 点击 Code injection 菜单

  3. Blog Footer 设置处输入上面的脚本

  4. 最后保存设置

新窗口打开超链接

Gitment 评论系统

Gitment 是作者实现的一款基于 GitHub Issues 的评论系统。支持在前端直接引入,不需要任何后端代码。可以在页面进行登录、查看、评论、点赞等操作,同时有完整的 Markdown / GFM 和代码高亮支持。尤为适合各种基于 GitHub Pages 的静态博客或项目页面。

合并根域名和子域名

比如说顶级域名 whai.me 重定向到 www.whai.me
详细配置请参考:《Nginx 下配置 301/302 重定向
网站的 Nginx 配置文件位置:/var/www/whaiblog/system/files/www.whai.me.conf

本文作者 : 王海
原文链接 : https://blog.whai.me/2018/03/29/ghost-advanced-settings/
版权声明 : 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明出处!
留下足迹