一步一步打造Geek风格的技术博客
2014-09-02 15:29
197 查看
Geek是什么
Geek更多的是一种精神,一种态度,一种对技术的理解与信念。他们无法忍受丑陋的代码,拙劣的技术。他们思路开阔,技术娴熟,他们不甘平庸,追求完美。他们不会囿于常识,他们敢于突破。在常人眼中,他们不走寻常路,享受各种非主流的技术。但在他们自己眼中,这些又是那么得自然与优美。他们用自己的行为诠释着自己对于技术的理解,用那份固执传达着自己的信念。他们掌握并热爱着技术,叛逆、执着,崇尚自由。
为什么不选择CSDN、Wordpress、Jekyll等技术
我在CSDN上发表博文被和谐了一次,就不会允许这种事发生第二次。Wordpress上手容易、功能强大、插件丰富。但是在我看来,这些优点同时也是它的缺点:太笨重、太无脑、不够酷、无用功能太多、可定制的粒度不够小。我更喜欢简洁快速粗暴的博客系统。
Jekyll非常棒,可惜它基于Ruby。对于Python爱好者而言,基于Python的Pelican显然更加可口。
卧薪尝胆
我在搭建这个博客的过程中学到了很多很多有意思的技术。搭建环境为Mac OS X/Linux,Windows下可能会麻烦一些。
搭建过程中会涉及到的技术名词如下:
Mac OS X
Python
Pip
Pelican
Jinja2
Github
Git
Makefile
Markdown
Mou
Google Analytics
Google Custom Search
Google Webmasters
Picasa
Disqus
Rss
Sitemap
Godaddy
Dnspod
A记录
若对任何一个技术名词有疑问,请翻墙Google it.
初见端倪
开始动手。
Github入门指南
请参考/article/1655002.html
使用Github Pages创建个人博客
Github为每一个用户分配了一个二级域名username.github.io,用户为自己的二级域名创建主页很简单,只需要在Github下创建一个名为username.github.io的版本库,并向其master分支提交网站静态页面即可。登陆Github,创建一个名为username.github.io的版本库(将username替换成自己的Github账户名)。
点击Setting,选择一个自己喜欢的模板,最后点击发布public按钮。
耐心等待一段时间(不超过10分钟),登陆http://username.github.io,会发现自己的个人博客已经生成。
安装Pelican和Markdown
pip install pelican pip install markdown
搭建骨架
mkdir blog cd blog pelican-quickstart
根据提示一步步输入相应的配置项,不知道如何设置的接受默认即可,后续可以通过编辑pelicanconf.py文件更改配置)
以下是生成的目录结构:
blog/ ├── content # 存放输入的源文件 │ └── (pages) # 存放手工创建的静态页面 ├── output # 生成的输出文件 ├── develop_server.sh # 方便开启测试服务器 ├── Makefile # 方便管理博客的Makefile ├── pelicanconf.py # 主配置文件 └── publishconf.py # 主发布文件,可删除
进入output把自己刚刚建好的username.github.io版本库clone下来:
cd output git clone git@github.com:username/username.github.io.git
开始写博文
在content目录下用Markdown语法来写一篇文章,最好选择专业的Markdown编辑器,在Mac OS X下推荐使用Mou,在Linux/Windows下请Google。用Markdown写博文截图如下:
左半边是正在用markdown写的博文,右边是即时预览效果。
写完后,执行以下命令,即可在本机http://127.0.0.1:8000看到效果。
make publish make serve
若要一键上传到Github,需要修改Makefile两处地方:
publish: $(PELICAN) $(INPUTDIR) -o $(OUTPUTDIR) -s $(CONFFILE) $(PELICANOPTS) github: publish cd OUTPUTDIR ; git add . ; git commit -am 'your comments' ; git push
以后写完文章执行make github就可以一键部署了。
如虎添翼
我们已经能成功地用markdown写出博文并部署到github了,但这远远不够。
管理图片
我觉得使用云相册比本地图片要方便的多,我使用Picasa来维护blog的所有图片。
挑选主题
安装主题,比如bootstrap2:git clone https://github.com/getpelican/pelican-themes.git cd pelican-themes pelican-themes -i bootstrap2
选择主题,在pelicanconf.py中添加
THEME = 'bootstrap2'
安装第三方评论系统
在Disqus上申请一个站点,记牢Shortname。 在pelicanconf.py添加DISQUS_SITENAME = Shortname
添加Google Analytics
去Google Analytics申请账号,记下跟踪ID。 在pelicanconf.py添加GOOGLE_ANALYTICS = 跟踪ID
Google Analytics极其强悍,截图说明一切:
使用Google Webmasters
在Google Webmasters上注册即可。这个就是Google站长工具,使用它的目的是为了让博客被Google更好的收录,比如手动让Googlebot抓取、提交Robots、更新Sitemap等等,各方面完爆百度站长工具。
截图如下:
添加插件
git clone git://github.com/getpelican/pelican-plugins.git
比如我要使用sitemap,在pelicanconf.py里配置如下
PLUGIN_PATH = u"pelican-plugins" PLUGINS = ["sitemap"] SITEMAP = { "format": "xml", "priorities": { "articles": 0.7, "indexes": 0.5, "pages": 0.3, }, "changefreqs": { "articles": "monthly", "indexes": "daily", "pages": "monthly", } }
使用Google站内搜索
请参考http://www.codenut.net/post/2013-06-30-cse
申请独立域名
在Godaddy上用支付宝花购买为期一年的顶级域名,并去修改Nameservers为这两个地址:f1g1ns1.dnspod.net、f1g1ns2.dnspod.net。在Dnspod上添加新域名,并申请一条A记录指向Github Pages的ip:207.97.227.245;
在Pelican主目录新建CNAME文件,添上刚刚申请的域名,如我的www.lizherui.com
登峰造极
最后,如果感觉还不够味儿,可以参考Pelican官方文档和这个博客的完整源码。Pelican : http://docs.getpelican.com/en/3.2
Source Code : https://github.com/lizherui/lizherui.github.io
相关文章推荐
- 一步一步打造Geek风格的技术博客
- 一步一步打造Geek风格的技术博客
- 用wordpress打造自己个人技术博客全过程(经验分享)
- 技术宅:教你如何自己打造属于自己的博客
- (忽然觉得,我的这个博客更像是记录我生活的日常博客,而不是技术,这与CSDN的技术风格,有点相悖,嘿嘿)
- 手把手教你打造简书风格的精美个人博客
- 手把手教你打造简书风格的精美个人博客
- 我认为比较好的技术博客和站点收藏,很喜欢的风格
- 超炫!打造属于自己的Metro风格web网站(喜欢的童鞋顶一顶啊,博客刚开通,大家多多支持~~)
- 用wordpress打造自己个人技术博客全过程(经验分享)
- 技术宅:教你如何自己打造属于自己的博客
- 使用AJAX技术打造博客无刷新搜索引擎
- 技术博客的诱惑力
- 打造安全的服务器,服务器防黑技术
- 博客第一天,谢谢CSDN提供这么好的技术平台!
- AJAX打造博客无刷新搜索
- 这个博客发不了.带有代码的技术文章.这怎么行啊.!!!汗,
- 用asp.net轻松打造功能完备的分页技术!!
- AJAX打造博客无刷新搜索
- ASP.NET四种页面导航方式之比较与选择(本文源自于"心灵技术"博客)