如何搭建个人博客站点

原文地址:https://www.hz-bin.cn/BuildBlog

1、如何使用 github page 部署个人博客

  • 登录 github,点击右上角新建仓库,仓库名填 username.github.io,其中 username 填自己的 github 名称,例如博主的是 hz-bin,则仓库名为 hz-bin.github.io
  • 进入项目的 Settings->Pages 页面,Source 选择 master,然后点击 Save,则完成部署,即可通过 https://hz-bin.github.io 进行访问了。

2、如何使用 jekyll 和 TeXt 主题编辑博客内容

  • 本地部署 jekyll 环境参考 jekyll 中文文档
  • 本地克隆 TeXt 主题,然后进入到 jekyll-TeXt-theme 目录,如果有 Gemfile.lock 文件,先删除该文件。
  • 然后在命令行中先执行 gem install bundler jekyll 命令,再执行 bundle exec jekyll serve,则本地博客搭建完成
  • 浏览器中输入 http://localhost:4000/ 即可访问博客内容。
  • 如何新增一篇博客:在 _posts 目录中新建 markdown 格式文件,文件名格式为 yyyy-mm-dd-blogname.mdjekyll 会自动进行构建。

3、如何配置 gitalk 作为博客的评论系统

  • 首先需要新建一个 OAuth application(右上角头像 -> Settings -> Developer settings -> OAuth Apps -> New OAuth App),如下图所示:
  • 点击 Generate a new client secret

  • Client ID 和 刚刚产生的 Client secrets 拷贝到 _config.yml 文件中,其他参数如图所示:

配置完成之后,登录 gitalk 时可能会出现403错误,参考 Gitalk 评论登录 403 问题解决在cloudflare上创建一个免费的在线代理来解决gitalk授权登录报403问题

4、如何配置 leancloud 记录文章访问次数

  • 首先进入 LeanCloud,新建一个应用,应用名称自己随便填。然后进入到设置界面,如下所示,_config.yml 配置中,pageviewproviderleancloudleancloudapp_idapp_key 分别填应用凭证界面的 AppIDAppKey

  • app_classBlog 或者自己定义一个名字,LeanCloud 会用该名称在 数据存储 -> 结构化数据 中创建Class,相当于存储访问次数的表。
  • 修改 _includes/pageview-providers/leancloud/leancloud.js,如下所示,serverURLs 改为 serverURL,值改为上面应用凭证中的 REST API 服务器地址

可参考官方文档:

初始化:https://leancloud.cn/docs/sdk_setup-js.html#hash20935048

数据存储入门教程 · JavaScript:https://leancloud.cn/docs/leanstorage-started-js.html

5、如何给自己的博客设置自定义域名

  • 首先需要申请域名,本博客域名从腾讯云申请。
  • 域名申请完成之后,进入域名管理界面,点击解析。
  • 添加如下2条记录,其中 ip 地址是通过 ping hz-bin.github.io 得到的:

  • 进入到 github 项目的 Settings -> Pages 配置界面,Custom domain 填刚刚注册的域名,同时勾选上 Enforce HTTPS,然后保存。等待10分钟左右,就可以通过 https://www.hz-bin.cn 访问了。

gitalk 和 cloudflare 修改

  • 配置完域名之后,会发现 gitalk 登录不上了,且文章计数也获取不到了,需要对相关配置进行修改。
  • 登录 github,右上角头像 -> Settings -> Developer settings -> OAuth Apps,看到如下界面,点击第3节新建的 OAuth application,将 Homepage URLAuthorization callback URL 改成新的博客地址 https://www.hz-bin.cn,然后保存。




本文由博客一文多发平台 OpenWrite 发布!

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,717评论 6 496
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,501评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,311评论 0 350
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,417评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,500评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,538评论 1 293
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,557评论 3 414
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,310评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,759评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,065评论 2 330
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,233评论 1 343
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,909评论 5 338
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,548评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,172评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,420评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,103评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,098评论 2 352

推荐阅读更多精彩内容