当当当当~来看下新鲜出炉的Github博客 http://wli12.github.io/

喜欢写markdown,但cnblogs对md文件的渲染简直丑爆了。。。

好奇怎么用github+Jekyll搭博客,看到jekyllbootstrap声称自己是The Quickest Way to Blog on Github Pages就跃跃欲试了。

第一步就踩到坑o(╯□╰)o

~$ gem install Jekyll

/System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/universal-darwin13/rbconfig.rb:212: warning: Insecure world writable dir /usr/local/apache-maven/bin in PATH, mode 040777

ERROR:  Could not find a valid gem 'Jekyll' (>= 0), here is why:

Unable to download data from https://rubygems.org/ - SSL_connect SYSCALL returned=5 errno=0 state=SSLv2/v3 read server hello A (https://s3.amazonaws.com/production.s3.rubygems.org/latest_specs.4.8.gz)

试了好多种方法,原来是缺了cacert.pem

~/JekyllInstaller$ wget http://curl.haxx.se/ca/cacert.pem

~/JekyllInstaller$ vi ~/.bash_profile

export SSL_CERT_FILE=~/JekyllInstaller/cacert.pem

~/JekyllInstaller$ source ~/.bash_profile

现在终于work了,yeah

~$ sudo gem install jekyll --source http://rubygems.org

看了看接下来的教程,觉得还是很麻烦,于是参考使用Github Pages建独立博客以及Github Pages极简教程设置SSH Key(名字必须是id_rsa), fork BeiYuu的项目

接下来的事情就是抄作业了,看看有哪些替换信息需要替换

$ grep -ir "beiyuu" *

从复杂字串到简单字串进行替换

$ grep -r "http://beiyuu.com" * -R | awk -F: '{print $1}'  | sort | uniq | xargs sed -ie 's/beiyuu.com/wli12.github.io/g'

这里更改微博缩略图

grep -r "1855270953" .| awk -F: '{print $1}'  | sort | uniq | xargs sed -ie 's/1855270953/1665709880/g'

grep -r "375b89d6" .  | awk -F: '{print $1}'  | sort | uniq | xargs sed -ie 's/375b89d6/cb2e2bea/g'

每次grep+sed完了都运行下面一组命令

find . -name "*mde" -exec rm -rf {} \;

find . -name "*htmle" -exec rm -rf {} \;

find . -name "*xmle" -exec rm -rf {} \;

find . -name "*jse" -exec rm -rf {} \;

find . -name "*csse" -exec rm -rf {} \;

如果不小心添加了不需要的文件到git,删掉

git rm —-cached -r _site

find . -name .DS_Store -exec  git rm --cached {} \;

哈哈,其实还有很多坑。。。

比如说墙内图床只有Weibo能用,比如想改Tab名grep+sed后还要改文件夹名,比如说_site这个文件夹不需要跟着改啦,比如说CNAME宁愿设个非法值也不要随便改个找不到的域名。。。

来来回回折腾css html和md文件,过了一个晚上,我的http://wli12.github.io/就这么来了。

虽然markdown文件支持html,从cnblogs搬了几篇博客过来,搬砖还是略辛苦,不过今后的日子就好过了,撒花~~~

More:

Quick start: Setting up a custom domain

How do I set up a URL redirect for a domain?

设置域名的tips是等等等等等...不要太心急觉得怎么不work呀一定是设错了~

如何用github快速搭建个人博客的更多相关文章

  1. GitHub快速搭建个人博客

    > 正所谓前人栽树,后人乘凉.> > 感谢[Huxpro](https://github.com/huxpro)提供的博客模板> > [我的的博客](https://fl ...

  2. 利用GitHub Pages + jekyll快速搭建个人博客

    前言 想搭建自己博客很久了(虽然搭了也不见得能产出多频繁). 最初萌生想写自己博客的想法,想象中,是自己一行一行码出来的成品,对众多快速构建+模板式搭建不屑一顾,也是那段时间给闲的,从前后端选型.数据 ...

  3. 使用github + Octopress 搭建免费博客 + 碰到问题的解决方法

    使用github + Octopress 搭建免费博客,先说碰到的问题,具体创建方法见下面. 问题1, 添加ruby淘宝链接问题,显示无法获取, 解决: source “http://ruby.tao ...

  4. 基于 Hexo + GitHub Pages 搭建个人博客(一)

    前言:我的博客写作之路 15 年刚上大学,第一次接触公众号,就萌生了创建一个公众号写点东西,但最终不了了之. 很快到了 16 年,开始接触网上各大博客网站,接触最多的当属 CSDN,萌生了注册一个博客 ...

  5. 基于 Hexo + GitHub Pages 搭建个人博客(三)

    一.添加扫描二维码关注功能 打开 themes 目录下的 next 主题配置文件,找到 Wechat Subscriber 标签,将该标签下的配置改成如下形式: # Wechat Subscriber ...

  6. 使用Hexo + GitHub Pages 搭建个人博客

    一.前言 之前是在CSDN上写博客的,但是无奈其广告满天飞,还有因为个人不太喜欢CSDN博客里的一些东西,加上看到很多技术大牛都有自己的个人博客,于是乎!便想着搭建一个自己的个人博客.其实之前写博客还 ...

  7. HEXO与Github.io搭建个人博客

    HEXO与Github.io搭建个人博客 HEXO搭建    HEXO是基于Node.JS的一款简单快速的博客框架,能够支持多线程,支持markdown,可以将生成的静态网页发布到github.io以 ...

  8. 2019基于Hexo快速搭建个人博客,打造一个炫酷博客(1)-奥怪的小栈

    本文转载于:奥怪的小栈 这篇文章告诉你如何在2019快速上手搭建一个像我一样的博客:基于HEXO+Github搭建.并完成SEO优化,打造一个炫酷博客. 本站基于HEXO+Github搭建.所以你需要 ...

  9. Linux下使用 github+hexo 搭建个人博客07-next主题接入搜索和站点管理

    这是搭建个人博客系统系列文章的最后一篇,如果你是从第一篇一路跟下来的,那么恭喜你,即将完成整个博客网站的搭建.OK,话不多说,开始我们的收官之战. 不知你想过没有,如果我们的文章少,一眼看完整个目录, ...

随机推荐

  1. 主板BIOSCOMS故障解决三例

    主板故障中因为BIOS/COMS设置不当或者因为主板电池引起的coms故障而导致主板无法正常工作的比例占了不小.今天我们就来说说主板BIOS/COMS的故障和解决.声卡维修 硬盘安装设置 CMOS设置 ...

  2. 基础篇-初步认识PE格式

    1 PE(Portable Executable)格式,是Win32环境可移植可执行文件(如exe.dll.vxd.sys和vdm等)的标准文件格式.PE格式衍生于早期建立在VAX(R)VMS(R)上 ...

  3. .net 读取Excel文件报错

    错误内容 Microsoft Office Excel 不能访问文件“D:\WWWRoot\Website\Test\Excels\Test1.xls”. 可能的原因有: 1 文件名称或路径不存在. ...

  4. VisualSVN 4.0.11补丁原创发布

    VisualSVN 4.0.11补丁原创发布 目前是官方最新版本.

  5. sysctl.conf网络内核参数说明(转)

    下面是我的理解,可能有误,仅供参考. 要调优,三次/四次握手必须烂熟于心. client                  server(SYN_SENT)      —>  (SYN_RECV ...

  6. Wen前端性能优化

    Web前端性能优化 一般说来Web前端指网站业务逻辑之前的部分,包括浏览器加载.网站视图模型.图片服务.CDN服务等.主要优化手段有优化浏览器访问.使用反向代理.CDN等. 一.浏览器访问优化 减少h ...

  7. git基本技巧及进阶

    基本技巧 1. 安装后的第一步 在安装好git后,你第一件该做的事是设置你的名字和电子邮箱,因为每次提交都要用到这些信息: $ git config --global user.name " ...

  8. 阿伦学习html5 之 Local Storage (本地储存)

    一.浏览器存储的发展历程 本地存储解决方案很多,比如Flash SharedObject.Google Gears.Cookie.DOM Storage.User Data.window.name.S ...

  9. web前端基础篇⑩

    1.960栅格式布局法屏幕分辨率为1024*768.采用接 main宽为960px的布局方式12列式:每格60px 间距20px 3 6 3版 三格式布局(最常用)16列式:每格40px 间距20px ...

  10. iOS学习之判断是否有网络的方法

    在实际开发中, 会有这样一个需求: 用户在有网的状态下会直接从网络请求数据, 在没网的情况下直接从本地读取数据. 下边的方法可以判断是否有网络. - (BOOL)connectedToNetwork ...