当当当当~来看下新鲜出炉的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. php_html转译符号

    1.双引号 /" 或者 " 2.单引号 ' > 4. & &

  2. php翻页

    <?php$conn = mysql_connect("localhost","root","") or die("连接数据 ...

  3. C#获取实体类属性名称

    方法: public static string GetPropertyName(Expression<Func<SupplierInfos, string>> expr) { ...

  4. MicroERP开发技术分享:技术选型

    为什么要想起开发一个近似一套完整的ERP软件呢,原因有二:一是想在空闲时间把以前的进销存软件丰富一下,结果越搞越大了:二是这些年光搞C#了,不想把VB6忘光了 非微软的东西还真没时间去学,也有主要原因 ...

  5. 使用GridVIew显示Gantt(甘特图),动态增减列

    说明:本例是做了工厂的排机报表 一.根据查询日期初始化GridView列 private void IniGridView(DateTime p_DateS,DateTime p_DateE) { / ...

  6. RN中的onChangeText

    在RN学习中,按照一本书中案例书写TextInput框, 书中给了两种写法 写法1: <TextInput style={styles.pswInputStyle} placeholder='请 ...

  7. JS实现登陆验证的主要代码及思路

    window.onload = function(){ // 获取input标签 var alInput = document.getElementsByTagName("input&quo ...

  8. Visual Studio 下C#编译器在解析属性名时如果增加一个get_[您的另一个已经包含在类中属性名]的属性会报错,微软大哥这是什么鬼?

    假设在在我们的vs环境新建一个类 copy以下代码,表面看好像一切都没有问题. using System; using System.Collections.Generic; using System ...

  9. 网易云课堂JS笔记

    JS能做什么?? ----网易官网:选项卡----京东: Hbuilder编辑器介绍 JavaScript简介 ECMAScript:javaScript组成语法和基本对象 DOM:文档对象模型,描述 ...

  10. Unreal Engine Plugin management

    Be aware to remove any dependencies to any modules related to Editor, or else it will end up with fa ...