个人博客搭建技术研究

搭建博客的时候做了一些google

2018.2.23 星期五 17:48

A 搭建个人博客,你需要知道这些

http://blog.coderclock.com/2017/03/12/web/搭建个人博客,你需要知道这些/
2017-03-12 WEB
$_YX: https://app.yinxiang.com/shard/s67/nl/18114453/cd27205b-c39e-488e-950b-0a08c90c01c7?title=%E6%90%AD%E5%BB%BA%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2%EF%BC%8C%E4%BD%A0%E9%9C%80%E8%A6%81%E7%9F%A5%E9%81%93%E8%BF%99%E4%BA%9B

  1. 博客生成器
  2. Web服务器
  3. 图床服务器
  4. 域名和备案
  5. DNS解析
  6. 界面美化
  7. 评论功能
  8. 流量统计
  9. 总结

B 怎么选择和快速搭建个人博客

https://segmentfault.com/a/1190000011661576
blog hexo hugo wordpress github-pages ONEGEE 2017年10月22日发布
$_YX: https://app.yinxiang.com/shard/s67/nl/18114453/ed37ffa4-01c9-4e0c-bf9e-a297937aeedf?title=%E6%80%8E%E4%B9%88%E9%80%89%E6%8B%A9%E5%92%8C%E5%BF%AB%E9%80%9F%E6%90%AD%E5%BB%BA%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2%20-%20%E4%B8%AA%E4%BA%BA%E6%96%87%E7%AB%A0%20-%20SegmentFault%20%E6%80%9D%E5%90%A6

….

怎么面对博客

  1. 博客不像微博,有一定的含金量,而不是走马灯的宣言(拿微博治国的人不代表大多数
  2. 写作的过程其实就是思考的字面化,梳理知识体系的同时反思知识的内化程度,分清楚哪些是“知道了”,哪些是“掌握了”
  3. 通过博客的形式分享是学习的一种技巧(费曼技巧,让小孩子明白你要讲述的内容),内化知识的同时也从分享中得到快乐
  4. 用写作来记录成长的过程,保持这种习惯能让你听到意志力成长的声音(zi…
  5. 同时博客也是一种无形的资产,量变的积累过程兴许会带来许多隐形的机会(接广告,出书啊等等知乎上忽悠的),总之多写总没错

    怎么把博客放到网上

    目前比较流行的博客实现可以分为三种方式,各有不同程度的技术门槛、功能支持、主题颜值等。接下来将会通过实例展示不同的博客形式。

  6. 个人主页注册。指的是在现有的博客网站、论坛或社区上注册个人主页

  7. 静态网站生成。通常是由jekyll、hugo或hexo等技术生成静态网站,然后通过git上传到Github Pages、Coding Pages等托管平台免费展示
  8. 内容管理系统。带有后台管理的博客系统,需要配置空间(服务器)、数据库以及域名等,然后安装成熟的WordPress、ghost等内容管理系统

一) 个人主页注册
二) 静态网站生成技术
三) 内容管理系统

最后说两句

新手村指南。如果你是新手,对于以上的技术门槛一窍不通,但是又想要主题精美的个人博客网站,建议从Markdown语言开始学起(半天入门,一天出师),之后只需要了解一些基本的命令行知识和git操作,就可以跟随各种教程,从生成静态网站入门快速搭建博客,完全不花钱。

个人推荐(良心推荐不收钱)

thumbsup 首推hexo。性价比最高,中文友好,快速上线,贴心配置,免费高颜值
thumbsup 其次WordPress。满足多人维护的需求,资料繁多等需求,可以一劳永逸,虽然门槛高一点,体量大了点,还要花钱,但是很稳定,很有安全感。
个人博客最终选择了hugo + Gihub + Netlify,可以丢鸡蛋 onegee.space
审美强迫症友情提示:hugo的颜值高于hexo,可以低成本无痛迁移;ghost颜值甩WordPress,为了美需要舍弃一些功能

clap 最后1毛钱,内容高于形式,入坑需谨慎 :)

C 技术博客对比

https://www.jianshu.com/p/c635e62cb4f4
96 brookfish 关注
2017.03.17 12:11* 字数 322 阅读 18评论 0喜欢 0

博客

知名博客

  1. 优秀的团队博客
    http://www.infoq.com/cn/articles/20-outstanding-enterprise-technology-blog
  2. 优秀的个人技术博客
    https://www.zhihu.com/question/19934502

建议的创建博客方法

hexo+ 域名 +github 搭建方法 http://www.jianshu.com/p/465830080ea9
Jekyll+ 域名 + github搭建方法 http://baixin.io/2016/10/jekyll_tutorials1/
http://typecho.org/开源博客系统 +域名 + 空间

序号 博客类型 使用情况 备注
1 博客园 较多
2 自建wordpress + 域名 + 空间(新浪云) 很多
3 自己写得博客系统 +域名 + 空间 较少
4 https://hexo.io/+ 域名 + github 较少 建议使用,免费使用,免费SEO,github权重较高,较容易被搜索引擎抓取,易于传播
5 Jekyll+ 域名 + github 较少 建议使用,免费使用,免费SEO,github权重较高,较容易被搜索引擎抓取,易于传播
6 CSDN,慕课,稀土掘金,简书 较少
7 团队技术博客http://mogu.io/蘑菇街用的http://typecho.org/开元系统 较少 建议使用,独立域名,开源系统,方便更改
8 美团技术博客http://tech.meituan.com/techsalon自建 较少
9 七牛技术团队http://blog.qiniu.com/
0 wordpress + 域名 + 空间 较少

D 搭建一个免费的,无限流量的Blog—-github Pages和Jekyll入门

http://www.ruanyifeng.com/blog/2012/08/blogging_with_jekyll.html
作者: 阮一峰
日期: 2012年8月25日

喜欢写Blog的人,会经历三个阶段。

  1. 第一阶段,刚接触Blog,觉得很新鲜,试着选择一个免费空间来写。
  2. 第二阶段,发现免费空间限制太多,就自己购买域名和空间,搭建独立博客。
  3. 第三阶段,觉得独立博客的管理太麻烦,最好在保留控制权的前提下,让别人来管,自己只负责写文章。

大多数Blog作者,都停留在第一和第二阶段,因为第三阶段不太容易到达:你很难找到俯首听命、愿意为你管理服务器的人。

但是两年前,情况出现变化,一些程序员开始在github网站上搭建blog。他们既拥有绝对管理权,又享受github带来的便利—-不管何时何地,只要向主机提交commit,就能发布新文章。更妙的是,这一切还是免费的,github提供无限流量,世界各地都有理想的访问速度。

今天,我就来示范如何在github上搭建Blog,你可以从中掌握github的Pages功能,以及Jekyll软件的基本用法。更重要的是,你会体会到一种建立网站的全新思路。

一 Github Pages 是什么?

如果你对编程有所了解,就一定听说过github。它号称程序员的Facebook,有着极高的人气,许多重要的项目都托管在上面。

简单说,它是一个具有版本管理功能的代码仓库,每个项目都有一个主页,列出项目的源文件。

但是对于一个新手来说,看到一大堆源码,只会让人头晕脑涨,不知何处入手。他希望看到的是,一个简明易懂的网页,说明每一步应该怎么做。因此,github就设计了Pages功能,允许用户自定义项目首页,用来替代默认的源码列表。所以,github Pages可以被认为是用户编写的、托管在github上的静态网页。

github提供模板,允许站内生成网页,但也允许用户自己编写网页,然后上传。有意思的是,这种上传并不是单纯的上传,而是会经过Jekyll程序的再处理。

二 Jekyll是什么?

Jekyll(发音/‘dʒiːk əl/,”杰克尔”)是一个静态站点生成器,它会根据网页源码生成静态文件。它提供了模板、变量、插件等功能,所以实际上可以用来编写整个网站。
整个思路到这里就很明显了。你先在本地编写符合Jekyll规范的网站源码,然后上传到github,由github生成并托管整个网站。

这种做法的好处是:

  1. 免费,无限流量。
  2. 享受git的版本管理功能,不用担心文章遗失。
  3. 你只要用自己喜欢的编辑器写文章就可以了,其他事情一概不用操心,都由github处理。

它的缺点是:

  1. 有一定技术门槛,你必须要懂一点git和网页开发。
  2. 它生成的是静态网页,添加动态功能必须使用外部服务,比如评论功能就只能用disqus。
  3. 它不适合大型网站,因为没有用到数据库,每运行一次都必须遍历全部的文本文件,网站越大,生成时间越长。
    但是,综合来看,它不失为搭建中小型Blog或项目主页的最佳选项之一。

三 一个实例

..

E 准备自己建一个个人博客,有什么好的框架推荐?

https://www.zhihu.com/question/24179143

Z 实际

一 资料整理

  1. A、B基础概念,已YX
  2. C 补充
  3. D 扩展:三阶段,以后可尝试其他,包括Jekyll
  4. E 参考

二 选择

2.1 分析

  1. hexo:Hello World已有(2017.6.10)
  2. 不喜社区:杂,不是说不好
  3. 自己md文件,不依赖社区
  4. 简单,优雅,没有wordpress等数据库或者的要求
  5. 不需要服务器,也没有域名
  6. 学习等总结、记录
  7. (前端)多在用,友好,就不多做研究,直接使用hexo+next

2.2 结果

hexo+主题、扩展

18:18


2018.2.26 星期一 长_天_ 08:48

2.3 实施

1 目标

  1. 准备多终端,需建立分支;优点:方便备份;弊端:开源
    自动化,后面考虑
  2. 有的内容不会发布,或者暂时不发布
  3. 分类和标签
    1. 分类:pdf,w3,gsc,英语,其他(感想-随笔);还需建立二级分类
    2. 添加标签(和资源池不完全一样):html,css,js,canvas,jquery,angular,webrtc,videojs
    3. 归档,已经是按日期了
  4. 资源文件的工作目录
  5. 模板文档的建立 新建文章的模版,不算hexo的模版;使用的时候直接复制
    用到的情况不多。也就是看看有哪些front matter 设置
  6. 目前,不做百度站点,SEO,评论等,统计,google可以试一下
  7. 优化:侧边社交链接,打赏,友情,公益404,建立时间,订阅公众号。
    不做:动画,背景动画(臃,而不实用)
    next主题的配置,主要考虑文章怎么发布,即目录,模板的建立

2 实现

  1. 直接在_post文件夹下发布文章
  2. 新建立文件夹,方便分类/管理;发布的时候public也会有目前结构
    同时,permalinks使用分类,可以添加多语言(zhuangbi失败)
  3. 对于不方便开源,或者不发布的文章用 _命名,同时在.gitignore中忽略,就不会提交(意味着,没有备份)
    同时在文章Front-matter中,也可以标明layout:false,防止错误发布博文
  4. 所以不需要建立scaffolds,也不用publish或者new等命令,只generate,deploy

三 成果

作者博客
基于Hexo+NexT的博客搭建指导

Z0 课后 github issues博客

又见到了github issues建立博客的,也不错。
文档可以直接在issues上写,同时也是备份;
不是自己提的issues/博客,可以关闭;
issues自带评论功能;
issues可以建立标签;
利用project可以分类/状态管理;

issues中别人是不可以cc自己源码md文件的;但是该作者的仓库中,有归档文件夹(2017/2018),可以cc到md文件,还直接用了图片地址(别人引用,打开能不能显示没有实践);

# Z1 Hexo文档
https://hexo.io/zh-cn/docs
$_BLOB: Hexo 文档

# Z2 Next文档
http://theme-next.iissnan.com/
$_BLOB: Hexo 文档

15:14

knowledge is no pay,reward is kindness
0%