如何用github快速搭建个人博客
当当当当~来看下新鲜出炉的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快速搭建个人博客的更多相关文章
- GitHub快速搭建个人博客
> 正所谓前人栽树,后人乘凉.> > 感谢[Huxpro](https://github.com/huxpro)提供的博客模板> > [我的的博客](https://fl ...
- 利用GitHub Pages + jekyll快速搭建个人博客
前言 想搭建自己博客很久了(虽然搭了也不见得能产出多频繁). 最初萌生想写自己博客的想法,想象中,是自己一行一行码出来的成品,对众多快速构建+模板式搭建不屑一顾,也是那段时间给闲的,从前后端选型.数据 ...
- 使用github + Octopress 搭建免费博客 + 碰到问题的解决方法
使用github + Octopress 搭建免费博客,先说碰到的问题,具体创建方法见下面. 问题1, 添加ruby淘宝链接问题,显示无法获取, 解决: source “http://ruby.tao ...
- 基于 Hexo + GitHub Pages 搭建个人博客(一)
前言:我的博客写作之路 15 年刚上大学,第一次接触公众号,就萌生了创建一个公众号写点东西,但最终不了了之. 很快到了 16 年,开始接触网上各大博客网站,接触最多的当属 CSDN,萌生了注册一个博客 ...
- 基于 Hexo + GitHub Pages 搭建个人博客(三)
一.添加扫描二维码关注功能 打开 themes 目录下的 next 主题配置文件,找到 Wechat Subscriber 标签,将该标签下的配置改成如下形式: # Wechat Subscriber ...
- 使用Hexo + GitHub Pages 搭建个人博客
一.前言 之前是在CSDN上写博客的,但是无奈其广告满天飞,还有因为个人不太喜欢CSDN博客里的一些东西,加上看到很多技术大牛都有自己的个人博客,于是乎!便想着搭建一个自己的个人博客.其实之前写博客还 ...
- HEXO与Github.io搭建个人博客
HEXO与Github.io搭建个人博客 HEXO搭建 HEXO是基于Node.JS的一款简单快速的博客框架,能够支持多线程,支持markdown,可以将生成的静态网页发布到github.io以 ...
- 2019基于Hexo快速搭建个人博客,打造一个炫酷博客(1)-奥怪的小栈
本文转载于:奥怪的小栈 这篇文章告诉你如何在2019快速上手搭建一个像我一样的博客:基于HEXO+Github搭建.并完成SEO优化,打造一个炫酷博客. 本站基于HEXO+Github搭建.所以你需要 ...
- Linux下使用 github+hexo 搭建个人博客07-next主题接入搜索和站点管理
这是搭建个人博客系统系列文章的最后一篇,如果你是从第一篇一路跟下来的,那么恭喜你,即将完成整个博客网站的搭建.OK,话不多说,开始我们的收官之战. 不知你想过没有,如果我们的文章少,一眼看完整个目录, ...
随机推荐
- <jsp:include page="" />路径
填写绝对路径:page="/WEB-INF/folder1/folder2/.../fileName.jsp"
- NSDate 时间
NSDate *date=[NSDate date]; NSDateFormatter *formatter=[[NSDateFormatter alloc]init]; formatter.date ...
- 基于UDP协议模拟的一个TCP协议传输系统
TCP协议以可靠性出名,这其中包括三次握手建立连接,流控制和拥塞控制等技术.详细介绍如下: 1. TCP协议将需要发送的数据分割成数据块.数据块大小是通过MSS(maximum segment siz ...
- Coding源码学习第四部分(Masonry介绍与使用(二))
接上篇,本篇继续对Masonry 进行学习,接上篇示例: (6)Masonry 布局实现iOS 计算器 - (void)exp4 { WS(weakSelf); // 申明区域,displayView ...
- as3延迟处理
查找关键字“flashplayer 弹性跑道” 每当一帧即将走完,FlashPlayer就要做些总结性工作(一次性地汇总变化),把这一帧当中发生的变化拿出来展示(渲染)一下. 如果它处理的事情少,工作 ...
- Asp.net MVC与Javascript
特性验证 首先:在web.config文件中<appSettings>节点内添加<add key="ClientValidationEnabled" value= ...
- Httpclient请求数据(post)
public static String loginCheck_POST_HttpClient(String name,String pass,String url){ String result = ...
- 使用javaScript实现简单倒计时功能
效果如下: <div class="warp"> <p id="txt">距离”十一“国庆放假还有:</p><br&g ...
- js④
for循环代码执行顺序 1.执行小括号里面的第一个语句 2.判断小括号里面第二个语句的布尔值,如果为false,就会结束掉整个for循环,如果为true,就会执行大括号里面的语句块; 3.每次执行完大 ...
- Fiddler-1 安装
1 进入Fiddler官网:http://www.telerik.com/fiddler 点击[Free download]:填写一些信息后就可以下载. 2 双击安装包--下一步dinghanhua下 ...