diff --git a/.jekyll-cache/Jekyll/Cache/Jekyll--Cache/b7/9606fb3afea5bd1609ed40b622142f1c98125abcfe89a76a661b0e8e343910 b/.jekyll-cache/Jekyll/Cache/Jekyll--Cache/b7/9606fb3afea5bd1609ed40b622142f1c98125abcfe89a76a661b0e8e343910 new file mode 100644 index 0000000000..2dddc67f9b --- /dev/null +++ b/.jekyll-cache/Jekyll/Cache/Jekyll--Cache/b7/9606fb3afea5bd1609ed40b622142f1c98125abcfe89a76a661b0e8e343910 @@ -0,0 +1 @@ +I"{"source"=>"/home/spig/spigzhu.github.io", "destination"=>"/home/spig/spigzhu.github.io/_site", "collections_dir"=>"", "cache_dir"=>".jekyll-cache", "plugins_dir"=>"_plugins", "layouts_dir"=>"_layouts", "data_dir"=>"_data", "includes_dir"=>"_includes", "collections"=>{"posts"=>{"output"=>true, "permalink"=>"/:year/:month/:title/"}}, "safe"=>false, "include"=>[".htaccess"], "exclude"=>[".sass-cache", ".jekyll-cache", "gemfiles", "Gemfile", "Gemfile.lock", "node_modules", "vendor/bundle/", "vendor/cache/", "vendor/gems/", "vendor/ruby/"], "keep_files"=>[".git", ".svn"], "encoding"=>"utf-8", "markdown_ext"=>"markdown,mkdown,mkdn,mkd,md", "strict_front_matter"=>false, "show_drafts"=>nil, "limit_posts"=>0, "future"=>false, "unpublished"=>false, "whitelist"=>[], "plugins"=>[], "markdown"=>"kramdown", "highlighter"=>"rouge", "lsi"=>false, "excerpt_separator"=>"\n\n", "incremental"=>false, "detach"=>false, "port"=>"4000", "host"=>"127.0.0.1", "baseurl"=>nil, "show_dir_listing"=>false, "permalink"=>"/:year/:month/:title/", "paginate_path"=>"page/:num/", "timezone"=>nil, "quiet"=>false, "verbose"=>false, "defaults"=>[], "liquid"=>{"error_mode"=>"warn", "strict_filters"=>false, "strict_variables"=>false}, "kramdown"=>{"auto_ids"=>true, "toc_levels"=>[1, 2, 3, 4, 5, 6], "entity_output"=>"as_char", "smart_quotes"=>"lsquo,rsquo,ldquo,rdquo", "input"=>"GFM", "hard_wrap"=>false, "guess_lang"=>true, "footnote_nr"=>1, "show_warnings"=>false}, "title"=>"Spigzhu", "subtitle"=>"个人站", "description"=>"欢迎来到我的个人站~", "avatarTitle"=>"Zz", "avatarDesc"=>"Zz", "url"=>"https://spigzhu.github.io", "enableToc"=>true, "comment"=>nil, "social"=>{"github"=>"spigzhu", "mail"=>"spigzhu@outlook.com"}, "textColor"=>nil, "cover_color"=>"clear", "blog_button"=>{"title"=>"博客主页"}, "nav"=>[{"title"=>"所有文章", "description"=>"archive", "url"=>"/archive"}, {"title"=>"标签", "description"=>"tags", "url"=>"/tags"}, {"title"=>"技术支持", "description"=>"support", "url"=>"/support"}, {"title"=>"关于我", "description"=>"about", "url"=>"/about"}], "gems"=>["jekyll-paginate", "jekyll-sitemap"], "paginate"=>20, "livereload_port"=>35729, "serving"=>true, "watch"=>true}:ET \ No newline at end of file diff --git a/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/06/e95fb5f4c42ce92f16cda798eb236dc920a6439482796a65b47b6d616fe1cf b/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/06/e95fb5f4c42ce92f16cda798eb236dc920a6439482796a65b47b6d616fe1cf new file mode 100644 index 0000000000..9442fd58b5 --- /dev/null +++ b/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/06/e95fb5f4c42ce92f16cda798eb236dc920a6439482796a65b47b6d616fe1cf @@ -0,0 +1,61 @@ +I"`
在此之前我有写过一篇如何使用我博客模板的文章 请先看这篇基础集成,这篇文章主要讲的是如何使用和修改我的博客主题,文章内容含以下几点:
+ +_config.yml
是博客的配置文件,整个站点的信息都在这修改,想要把我的模板改成你自己的也需要修改_config.yml
重要字段说明
+ +_config.yml 文件除以上字段还有一些可以自行修改,例如title之类的字段
+ +_posts
目录是用来存放文章的目录,写新文章,直接放在这个目录即可
使用博客模板时,请把博客自带的文章给去掉,如果想使用博客自带的文章请 注明出处
。
about.md、support.md 等为自定义页面,如果你想添加自动以页面可以直接复制about.md 文件修改文件名和里面的内容即可。
+ +如果需要在导航显示你新增的页面,直接在_config.yml
文件的nav字段中添加你新页面配置即可
如果要修改博客模板信息建议只修改_config.yml
文件内容和 _posts
里面的文章信息。因为博客模板一直在更新迭代,改动多了以免你后期更新博客模板的时候不方便。
如果你想改动模板的样式又想继续更新迭代博客模板,你可以提交在github上提交pull request
或者直接给我发邮件建议改成什么样,如果你的提议确实可以,我会采纳的,并且非常感谢你的建议。
博客迭代信息请看ReleaseNode
+ +遇到解决不了的问题可以找 技术支持
+ +:ET \ No newline at end of file diff --git a/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/14/7f68aa123d76e1be9cbb3ccb1e740b3aa4d5cfd851a41e13da7b49399335a3 b/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/14/7f68aa123d76e1be9cbb3ccb1e740b3aa4d5cfd851a41e13da7b49399335a3 new file mode 100644 index 0000000000..b5387041d4 --- /dev/null +++ b/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/14/7f68aa123d76e1be9cbb3ccb1e740b3aa4d5cfd851a41e13da7b49399335a3 @@ -0,0 +1,8 @@ +I" + +:ET \ No newline at end of file diff --git a/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/20/8a969f98d715a9a63ea684beb43f1a3484b72c70ef3b48d2d752ff1e9b74bb b/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/20/8a969f98d715a9a63ea684beb43f1a3484b72c70ef3b48d2d752ff1e9b74bb new file mode 100644 index 0000000000..19850d6ee6 --- /dev/null +++ b/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/20/8a969f98d715a9a63ea684beb43f1a3484b72c70ef3b48d2d752ff1e9b74bb @@ -0,0 +1,2 @@ +I"HEXO接近是最近有一些朋友提出的问题,然后我做了总结,如果你也在使用HEXO,不妨看看,应该会有些帮助。
+:ET \ No newline at end of file diff --git a/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/30/9d6b7997802f52e67f01be2eaeeaadb9f91af8db55006eb4cbdc8cc3261f61 b/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/30/9d6b7997802f52e67f01be2eaeeaadb9f91af8db55006eb4cbdc8cc3261f61 new file mode 100644 index 0000000000..e1b80a8730 --- /dev/null +++ b/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/30/9d6b7997802f52e67f01be2eaeeaadb9f91af8db55006eb4cbdc8cc3261f61 @@ -0,0 +1,82 @@ +I" +HEXO接近是最近有一些朋友提出的问题,然后我做了总结,如果你也在使用HEXO,不妨看看,应该会有些帮助。
+ +不得不说 Jekyll
确实可以解决我上面三个问题, 因为 Jekyll
是直接把Markdown格式的文章直接放在github仓库里的, 相当于直接用git来管理博客了, Github
官方也很推荐 Jekyll
。 你可以先看下 Jekyll
搭建博客的voyagelab, github地址, 当然了这只是很普通的, Jekyll 也有很多主题可以选择的, 更详细的请看Jekyll中文文档、Jekyll英文文档、Jekyll主题列表。
+在 Jekyll
上逛了一个星期的我又回到了 Hexo
, 发现 目前 Jekyll
对主题和一些插件的支持相对 Hexo
来说, 没那么友好, 可能有一些其它的方法只是我没找到而已,关于 Jekyll
搭建博客就介绍到这, 如果有问题的话可以评论, 或者联系我。
是的, 我大Hexo
同样可以解决上面三个问题, 那就是使用git。关于如何使用 Hexo
搭建博客请看我另一篇文章HEXO搭建个人博客, 如果搭建的过程中出现了问题, 我们可以交流交流。现在我假设你已经能基本使用 Hexo
了, 接下来就看看如何来管理博客。
Blog-Growing是我管理博客的仓库地址。结构大致是:
+ +++ +– Blog-Growing
+
+ |– .git
+ |– .gitignore
+ |– Hexo
+ | ..
+ | ..
+ | 整个博客的配置信息
你可以把我的的Blog-Growing clone下来, 看看一些基本配置是怎么配置的。需要提醒的是, 要把主题下的.git给删除掉
, 当然了你也可以使用 git submodule
来管理, 具体的管理方法我这里就不做多的介绍了, 想了解的话可以私信我。
+上面的过程基本做完后, 怎么来解决我开篇提的前三个问题了。
一:家里电脑使用博客
+ 建立git远端仓库管理博客,并使用家里的电脑把本地博客的配置推送到远端仓库。
+二:公司电脑使用博客
+ 到了公司只需要执行sudo npm install -g hexo
,然后cd到你的博客目录下,如我cd 到Hexo目录下, 然后执行 hexo server
就可以在本地预览博客了。
+三:使用Git保存
+ 修改好博客后记得先使用git来提交下, 即使下次把博客的样式修改坏了, 也可以使用 git reset --hard
来回退。如: 我cd 到 Blog-Growing
目录下使用git提交。
+四:博客提交
+ 1、修改好的博客使用 hexo d
展示到博客页上。
+ 2、git push 整个本地博客。
提示: 在这里 git
仅仅只是用户做博客的版本管理的, 博客的样式修改、基本部署还是使用 hexo
来操作的。
有人可能会说作为一个开发人员, 你不会用 Google
啊。 是的, Google是能搜到我们搭建在 Github Page
的博客, 会用Google
也是一个开发人员必备技能之一。但是, 我们生活在天朝, 所以百度还是总有会用到的时候, 或者是你想让更多的天朝人能搜到你。
有人联系过 Github Support 部门 , 给出大致的意思就是: 百度爬虫爬得太猛烈,已经对很多 Github 用户造成了问题。所以 Github 将禁止百度爬虫的爬取。
+ +根据上面说的, 目前发现只是Github Page禁止了百度搜索, 所以让百度能搜索到你的博客还是有一些方法的。例如:
+Coding.net
上, GitCafe
已经合并到 Coding
。
+我使用的是第二种方法, 博客部署在 Coding.net
上也相对简单些。 Coding同样支持Hexo、Jekyll等博客的部署, Coding 跟Github还是挺像的,而且是中文。 同样的在Coding里面建一个项目,项目名字跟你的用户名一样,这里我就不啰嗦了, 说几个需要注意的地方:
+注意一:
+ 在Coding Page
上部署博客,需要把博客推送到coding-pages
分支上, 分支名字是固定的。
+注意二:
+ Coding Page
不支持自定义CNAME, 你需要点击到Page模块,然后添加一个域名来绑定。
更详细的请看Coding Pages 官网介绍.
+ +参考文章: +解决 Github Pages 禁止百度爬虫的方法与可行性分析
+ +Markdown 是一种方便记忆、书写的纯文本标记语言,用户可以使用这些标记符号以最小的输入代价生成极富表现力的文档:如您正在阅读的这篇文章。它使用简单的符号标记不同的标题,分割不同的段落,粗体 或者 斜体 某些文字.
+ +很多产品的文档也是用markdown编写的,并且以“README.MD”的文件名保存在软件的目录下面。 +
+标题
+H1 :# Header 1
+H2 :## Header 2
+H3 :### Header 3
+H4 :#### Header 4
+H5 :##### Header 5
+H6 :###### Header 6
+链接 :Title
+加粗 :Bold
+斜体字 :Italics
+*删除线 :text
+内嵌代码 : alert('Hello World');
++ ++
+- 列表1
+- 列表2
+- 列表3
+
打赏一个吧
+ + + +css 的大部分语法同样可以在 markdown 上使用,但不同的渲染器渲染出来的 markdown 内容样式也不一样,下面这些链接里面有 markdown 基本语法,你也可以在下面几个平台上尝试着写一些。
+ +
+@requires_authorization
+class SomeClass:
+ pass
+
+if __name__ == '__main__':
+ # A comment
+ print 'hello world'
+
+
项目 | +价格 | +数量 | +
---|---|---|
计算机 | +$1600 | +5 | +
手机 | +$12 | +12 | +
管线 | +$1 | +234 | +
经过各种找资料,踩过各种坑,终于使用 hexo 搭建个人博客初步完成了,域名目前用得时 github 的,我的 hexo 是 3.1.1 版本,hexo 不同的版本,很多配置都不一样。好吧,废话不多说了,开始吧。
+ +本篇文章累计了大量评论,和我的一些解答,读者有什么问题可以先看看评论,或者搜下关键字,如果还是有问题可以给我在评论里给我留言,问题很着急的可以加我 QQ:1499065178 ,或者给我发邮件:leopardpan@icloud.com ,都可以,如果你已经搭建完成了,可以看看我的另一篇博客HEXO进阶,有讲如何能百度搜索你的博客、多台电脑使用HEXO发布博客等。我现在的博客是使用 Jekyll 搭建的,如果你想使用我现在的模板请看Jekyll搭建个人博客
+ +这篇教程是针对与Mac的,参考链接,由于原文讲到的hexo是以前的老版本,所以现在的版本配置的时候会有些改动。
+ +之前是想着写博客,一方面是给自己做笔记,可以提升自己的写作、总结能力,一个技术点我们会使用,并不难,但是要做到让让别人也能听懂我们讲得,还是需要一定的技巧和经验的。很多类似于CSDN、博客园也都可以写文章,但是页面的样式我,不是太喜欢,简书还算好点得。最近看到一些大神们的博客(在我的友情链接里有),貌似都是用hexo写得,我也依葫芦画瓢的搭建了一个。不罗嗦了,直接上搭建步骤。
+ +作用:用来生成静态页面的 +到Node.js官网下载相应平台的最新版本,一路安装即可。
+ +作用:把本地的hexo内容提交到github上去. +安装Xcode就自带有Git,我就不多说了。
+ +作用:是用来做博客的远程创库、域名、服务器之类的,怎么与本地hexo建立连接等下讲。 +github账号我也不再啰嗦了,没有的话直接申请就行了,跟一般的注册账号差不多,SSH Keys,看你自己了,可以不配制,不配置的话以后每次对自己的博客有改动提交的时候就要手动输入账号密码,配置了就不需要了,怎么配置我就不多说了,网上有很多教程。
+ +Node和Git都安装好后,可执行如下命令安装hexo:
+ +$ sudo npm install -g hexo
+
创建一个文件夹,如:Blog,cd到Blog里执行hexo init的。命令:
+ +hexo init
+
好啦,至此,全部安装工作已经完成!
+ +继续再Blog目录下执行如下命令,生成静态页面
+ +hexo generate (hexo g 也可以)
+
启动本地服务,进行文章预览调试,命令:
+ +hexo server
+
浏览器输入http://localhost:4000 +我不知道你们能不能,反正我不能,因为我还有环境没配置好
+ +ERROR Plugin load failed: hexo-server
+
+原因: Besides, utilities are separated into a standalone module. hexo.util is not reachable anymore.
+
+解决方法,执行命令:$ sudo npm install hexo-server
+
+
执行命令hexo server,提示:Usage: hexo<Command> ....
+
+原因:我认为是没有生成本地服务
+
+解决方法,执行命令:$ npm install hexo-server --save
+
+提示:hexo-server@0.1.2 node_modules/hexo-server
+....
+
+表示成功了[参考](https://hexo.io/zh-cn/docs/server.html)
+
+
这个时候再执行:$ hexo-server
+ +得到: INFO Hexo is running at http://0.0.0.0:4000/. Press Ctrl+C to stop.
+ +这个时候再点击http://0.0.0.0:4000,正常情况下应该是最原始的画面,但是我看到的是: +白板和Cannot GET / 几个字 +原因: 由于2.6以后就更新了,我们需要手动配置些东西,我们需要输入下面三行命令:
+ +npm install hexo-renderer-ejs --save
+npm install hexo-renderer-stylus --save
+npm install hexo-renderer-marked --save
+
这个时候再重新生成静态文件,命令:
+ +hexo generate (或hexo g)
+
启动本地服务器:
+ +hexo server (或hexo s)
+
再点击网址http://0.0.0.0:4000 OK终于可以看到属于你自己的blog啦,?,虽然很简陋,但好歹有了一个属于自己的小窝了。参考链接,本地已经简单的设置好了,但是现在域名和服务器都是基于自己的电脑,接下来需要跟github进行关联。
+ +建立与你用户名对应的仓库,仓库名必须为【your_user_name.github.io】,固定写法 +然后建立关联,我的Blog在本地/Users/leopard/Blog,Blog是我之前建的东西也全在这里面,有:
+ +++ +Blog
+
+ |
+ |-- _config.yml
+ |-- node_modules
+ |-- public
+ |-- source
+ |-- db.json
+ |-- package.json
+ |-- scaffolds
+ |-- themes +
现在我们需要_config.yml文件,来建立关联,命令:
+ +vim _config.yml
+
翻到最下面,改成我这样子的,注意: : 后面要有空格
deploy:
+ type: git
+ repository: https://github.com/leopardpan/leopardpan.github.io.git
+ branch: master
+
执行如下命令才能使用git部署
+ +npm install hexo-deployer-git --save
+
网上会有很多说法,有的type是github, 还有repository 最后面的后缀也不一样,是github.com.git,我也踩了很多坑,我现在的版本是hexo: 3.1.1,执行命令hexo -vsersion就出来了,貌似3.0后全部改成我上面这种格式了。 +忘了说了,我没用SSH Keys如果你用了SSH Keys的话直接在github里复制SSH的就行了,总共就两种协议,相信你懂的。 +然后,执行配置命令:
+ +hexo deploy
+
然后再浏览器中输入http://leopardpan.github.io/就行了,我的 github 的账户叫 leopardpan ,把这个改成你 github 的账户名就行了
+ +每次部署的步骤,可按以下三步来进行。
+ +hexo clean
+hexo generate
+hexo deploy
+
一些常用命令:
+ +hexo new "postName" #新建文章
+hexo new page "pageName" #新建页面
+hexo generate #生成静态页面至public目录
+hexo server #开启预览访问端口(默认端口4000,'ctrl + c'关闭server)
+hexo deploy #将.deploy目录部署到GitHub
+hexo help #查看帮助
+hexo version #查看Hexo的版本
+
这里有大量的主题列表使用方法里面
+都有详细的介绍,我就不多说了。
+我这里有几款个人认为不错的主题,免去你们,一个一个的选了,欢迎吐槽我的审美,?
+ Cover - A chic theme with facebook-like cover photo
+ Oishi - A white theme based on Landscape plus and Writing.
+ Sidebar - Another theme based on Light with a simple sidebar
+ TKL - A responsive design theme for Hexo. 一个设计优雅的响应式主题
+ Tinnypp - A clean, simple theme based on Tinny
+ Writing - A small and simple hexo theme based on Light
+ Yilia - Responsive and simple style 优雅简洁响应式主题,我用得就是这个。
+ Pacman voidy - A theme with dynamic tagcloud and dynamic snow
文章在 source/_posts,编辑器可以用 Sublime,支持 markdown 语法。如果想修改头像可以直接在主题的 _config.yml 文件里面修改,友情链接,之类的都在这里,修改名字在 public/index.html 里修改,开始打理你的博客吧,有什么问题或者建议,都可以提出来,我会继续完善的。
+ +Markdown语法参考链接: 作业部落
+ +++ +问:如何让文章想只显示一部分和一个
+阅读全文
的按钮?
+答:在文章中加一个<!--more-->
,<!--more-->
后面的内容就不会显示出来了。
+ +
++ +问:本地部署成功了,也能预览效果,但使用 username.github.io 访问,
+出现 404
.
+答:首先确认 hexo d 命令执行是否报错,如果没有报错,再查看一下你的 github 的 username.github.io 仓库,你的博客是否已经成功提交了,你的 github 邮箱也要通过验证才行。
+ +
转载请注明原地址,潘柏信的博客:http://leopardpan.github.io 谢谢!
+:ET \ No newline at end of file diff --git a/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/7b/50af3f04717cda4d2fbfd40747fd20a8e6d490ab07131203a0dada1d182c96 b/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/7b/50af3f04717cda4d2fbfd40747fd20a8e6d490ab07131203a0dada1d182c96 new file mode 100644 index 0000000000..071b4ad122 --- /dev/null +++ b/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/7b/50af3f04717cda4d2fbfd40747fd20a8e6d490ab07131203a0dada1d182c96 @@ -0,0 +1,25 @@ +I" +博客源码在 Github 上,你的 Star 是我更新的动力,谢谢~
+ +遇到问题请先自行排查,可以直接在Issues里面提问,不过回复的可能不及时。
+ +目前我已经给很多小伙伴做过单独的技术支持了,现在设置 付费支持功能
如果你付费了,请邮件联系我,把付费的截图和你的QQ号一起发给我, 感谢你的赞助。
+ +你向我提问题我也要花时间帮你解答,付费多少看你自己的心意,10、20块不嫌少
,100、200块不嫌多
。
注: 付款后概不退款,拒绝扯皮,我的博客模板一直都是免费给大家使用。
+ +我可能不是所有的问题都能解答,但是我会带着你去学习,一起成长!
+ +其实我是一个正正经经的iOS开发者, 并且一直在做 iOS 开发6年了。
+ +相对于搭建博客的问题,我iOS 技术会更专业。
+ +如果有关于iOS的问题我们也可以一起讨论
+ ++email:leoparpan@icloud.com +
+qq: 1499065178 +
+
+
本博客首发时间为2015年,至今已经5个年头了。
+ +感觉之前更新迭代的有点乱,很多用户在使用的时候也没法确定是否要更新新版的博客,再次我专门用一篇文章来记录博客更新迭代的记录,如果你已经在使用我的博客模板的,你可以看看更新记录后确认下是否要更新。
+ +博客的全功能介绍请看博客功能介绍
+ +2016-11-25 第一版发布,红色主题
+ +如果你已经在使我的博客模板了,现在又想继续更新新版的博客,你下载博客后只需要修改两个各方
+ +_config.yml
文件里面的内容设置成你自己的,也可以用你原来的,最好是更新版的字段做一下对比。
_posts
目录里面的文章全部删掉,把你自己的文章放进来
修改以上两个地方新版的博客便更新完成,快看看效果吧!
+ +:ET \ No newline at end of file diff --git a/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/8f/75ff168031407011af03fd839c310b02b36243ba5be978bdd96574ff9b9251 b/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/8f/75ff168031407011af03fd839c310b02b36243ba5be978bdd96574ff9b9251 new file mode 100644 index 0000000000..b571320fc5 --- /dev/null +++ b/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/8f/75ff168031407011af03fd839c310b02b36243ba5be978bdd96574ff9b9251 @@ -0,0 +1,52 @@ +I"n进入个人github主页,创建一个Repository。 + + 切记,博客Repository的名字一定是***.github.io(个人github名+.github.io),这样才能直接通过***.github.io的域名访问个人博客
+进入Repository设置界面,进行博客Repository设定,包括选择博客主题。 +
+jekyll官网文档Jekyll安装文档有各种操作系统的安装教程,直接指示操作即可。
+Ruby是一种简单快捷的面向对象的脚本语言,而RubyGems是Ruby的一个包管理器,我们需要用这个来安装Jekyl。 +如果是unix系统的话,安装比较简单。我这里用到的是ubantu系统,安装教程如下:ubuntu系统安装Ruby。
+sudo apt-get install ruby-full build-essential zlib1g-dev
+echo '# Install Ruby Gems to ~/gems' >> ~/.bashrc
+echo 'export GEM_HOME="$HOME/gems"' >> ~/.bashrc
+echo 'export PATH="$HOME/gems/bin:$PATH"' >> ~/.bashrc
+source ~/.bashrc
+
gem install jekyll bundler
+
参考jekyll官网教程:jekyll管理博客文件
+jekyll new myblog
+
cd myblog
+
bundle exec jekyll serve
+
jekyll处于运行状态时,会生成一个Server address:http:/127.0.0.1:4000/,打开这个链接就可以看到jekyll的页面。Jekyll刚安装好后,只有一篇名为“Welcome to Jekyll!”的博文。
+在myblog/_posts目录下新建一个markdown文件,在markdown文件前面添加以下front matter:
+---
+layout: post
+title: "Welcome to Jekyll!"
+date: 2021-01-03 20:28:08 +0800
+categories: jekyll update
+---
+
front matter中layout为post表示这是一篇博文,title date categories分别表示标题/时间/类别。
+经过各种找资料,踩过各种坑,终于使用 hexo 搭建个人博客初步完成了,域名目前用得时 github 的,我的 hexo 是 3.1.1 版本,hexo 不同的版本,很多配置都不一样。好吧,废话不多说了,开始吧。
+:ET \ No newline at end of file diff --git a/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/a9/a99ad21c10df9f5382dde456190df8caf8660bdeea8bd4aa0c2bb8ffb27b7a b/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/a9/a99ad21c10df9f5382dde456190df8caf8660bdeea8bd4aa0c2bb8ffb27b7a new file mode 100644 index 0000000000..37e01a6b07 --- /dev/null +++ b/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/a9/a99ad21c10df9f5382dde456190df8caf8660bdeea8bd4aa0c2bb8ffb27b7a @@ -0,0 +1,21 @@ +I" +一个工作6年的 iOS SDK 开发者,在一家游戏公司做SDK开发和维护。
+ +除了iOS技术,我还一直维护着这个博客,懂一些前端的基础知识。
+ +平时喜欢用python写一些工具,能用工具做的事情坚决不用人工去操作。
+ +这个博客是我们大家的,目前已经有很大一部分人在使用我的博客模板了,我也很高兴大家使用我的模板。
+ +如果你想搭建一个跟我一样的博客,可以看我的 + Jekyll 搭建个人博客 +教程
+ +有关于博客主题的建议和意见都可以提给我,让我们一起来打造一个精美的主题吧~
+ +博客源码在 Github 上,你的 Star 是我更新的动力,谢谢~
+ +查看 技术支持 需求帮助
+ +博客模板会一直持续更新,请持续关注我,谢谢~
+ +之前写了一篇HEXO搭建个人博客的教程获得了很好评,尤其是在简书上目前已经累积了10W+的阅读量了,也有好心的读者主动给我打赏,在此感谢。
+ +如果你看过我的文章会发现我现在的博客样式跟之前是有很大的区别的,之前我也是使用 HEXO 搭建的博客,后来发现使用 HEXO 在多台电脑上发布博客,操作起来并不是那么方便,果断就转到了 Jekyll 上,接下来我会讲如何使用 Jekyll 搭建博客,博客模板效果。
+ +Jekyll 是一个简单的博客形态的静态站点生产机器。它有一个模版目录,其中包含原始文本格式的文档,通过 Markdown (或者 Textile) 以及 Liquid 转化成一个完整的可发布的静态网站,你可以发布在任何你喜爱的服务器上。Jekyll 也可以运行在 GitHub Page 上,也就是说,你可以使用 GitHub 的服务来搭建你的项目页面、博客或者网站,而且是完全免费的
+ + 使用 Jekyll 搭建博客之前要确认下本机环境,Git 环境(用于部署到远端)、Ruby 环境(Jekyll 是基于 Ruby 开发的)、包管理器 RubyGems
+ 如果你是 Mac 用户,你就需要安装 Xcode 和 Command-Line Tools了。下载方式 Preferences → Downloads → Components。
Jekyll 是一个免费的简单静态网页生成工具,可以配合第三方服务例如: Disqus(评论)、多说(评论) 以及分享 等等扩展功能,Jekyll 可以直接部署在 Github(国外) 或 Coding(国内) 上,可以绑定自己的域名。Jekyll中文文档、Jekyll英文文档、Jekyll主题列表。
+ +安装 jekyll
+ +$ gem install jekyll
+
创建博客
+ +$ jekyll new myBlog
+
进入博客目录
+ +$ cd myBlog
+
启动本地服务
+ +$ jekyll serve
+
在浏览器里输入: http://localhost:4000,就可以看到你的博客效果了。
+ + + +so easy !
+ ++ Jekyll 的核心其实是一个文本转换引擎。它的概念其实就是: 你用你最喜欢的标记语言来写文章,可以是 Markdown,也可以是 Textile,或者就是简单的 HTML, 然后 Jekyll 就会帮你套入一个或一系列的布局中。在整个过程中你可以设置URL路径, 你的文本在布局中的显示样式等等。这些都可以通过纯文本编辑来实现,最终生成的静态页面就是你的成品了。
+ +一个基本的 Jekyll 网站的目录结构一般是像这样的:
+ +.
+├── _config.yml
+├── _includes
+| ├── footer.html
+| └── header.html
+├── _layouts
+| ├── default.html
+| ├── post.html
+| └── page.html
+├── _posts
+| └── 2016-10-08-welcome-to-jekyll.markdown
+├── _sass
+| ├── _base.scss
+| ├── _layout.scss
+| └── _syntax-highlighting.scss
+├── about.md
+├── css
+| └── main.scss
+├── feed.xml
+└── index.html
+
+
这些目录结构以及具体的作用可以参考 官网文档
+ +进入 _config.yml 里面,修改成你想看到的信息,重新 jekyll server ,刷新浏览器就可以看到你刚刚修改的信息了。
+ +到此,博客初步搭建算是完成了,
+ +我这里讲的是部署到 Github Page 创建一个 github 账号,然后创建一个跟你账户名一样的仓库,如我的 github 账户名叫 leopardpan,我的 github 仓库名就叫 leopardpan.github.io,创建好了之后,把刚才建立的 myBlog 项目 push 到 username.github.io仓库里去(username指的是你的github用户名),检查你远端仓库已经跟你本地 myBlog 同步了,然后你在浏览器里输入 username.github.io ,就可以访问你的博客了。
+ +所有的文章都是 _posts 目录下面,文章格式为 mardown 格式,文章文件名可以是 .mardown 或者 .md。
+ + 编写一篇新文章很简单,你可以直接从 _posts/ 目录下复制一份出来 2016-10-16-welcome-to-jekyll副本.markdown
,修改名字为 2016-10-16-article1.markdown ,注意:文章名的格式前面必须为 2016-10-16- ,日期可以修改,但必须为 年-月-日- 格式,后面的 article1 是整个文章的连接 URL,如果文章名为中文,那么文章的连接URL就会变成这样的:http://leopardpan.cn/2015/08/%E6%90%AD%E5/ , 所以建议文章名最好是英文的或者阿拉伯数字。 双击 2016-10-16-article1.markdown 打开
+---
+layout: post
+title: "Welcome to Jekyll!"
+date: 2016-10-16 11:29:08 +0800
+categories: jekyll update
+---
+
+正文...
+
+
title: 显示的文章名, 如:title: 我的第一篇文章
+date: 显示的文章发布日期,如:date: 2016-10-16
+categories: tag标签的分类,如:categories: 随笔
注意:文章头部格式必须为上面的,…. 就是文章的正文内容。
+ +我写文章使用的是 Sublime Text2 编辑器,如果你对 markdown 语法不熟悉的话,可以看看作业部落的教程
+ +虽然博客部署完成了,你会发现博客太简单不是你想要的,如果你喜欢我的模板的话,可以使用我的模板。
+ +首先你要获取的我博客,Github项目地址,你可以直接点击下载博客,进去leopardpan.github.io/ 目录下, 使用命令部署本地服务
+ +$ jekyll server
+
/Users/xxxxxxxx/.rvm/rubies/ruby-2.2.2/lib/ruby/site_ruby/2.2.0/rubygems/core_ext/kernel_require.rb:54:in `require': cannot load such file -- bundler (LoadError)
+ from /Users/xxxxxxxx/.rvm/rubies/ruby-2.2.2/lib/ruby/site_ruby/2.2.0/rubygems/core_ext/kernel_require.rb:54:in `require'
+ from /Users/xxxxxxxx/.rvm/gems/ruby-2.2.2/gems/jekyll-3.3.0/lib/jekyll/plugin_manager.rb:34:in `require_from_bundler'
+ from /Users/xxxxxxxx/.rvm/gems/ruby-2.2.2/gems/jekyll-3.3.0/exe/jekyll:9:in `<top (required)>'
+ from /Users/xxxxxxxx/.rvm/gems/ruby-2.2.2/bin/jekyll:23:in `load'
+ from /Users/xxxxxxxx/.rvm/gems/ruby-2.2.2/bin/jekyll:23:in `<main>'
+ from /Users/xxxxxxxx/.rvm/gems/ruby-2.2.2/bin/ruby_executable_hooks:15:in `eval'
+ from /Users/xxxxxxxx/.rvm/gems/ruby-2.2.2/bin/ruby_executable_hooks:15:in `<main>'
+
+
原因: 没有安装 bundler ,执行安装 bundler 命令
+ +
+$ gem install bundler
+
+
提示:
+ +Fetching: bundler-1.13.5.gem (100%)
+Successfully installed bundler-1.13.5
+Parsing documentation for bundler-1.13.5
+Installing ri documentation for bundler-1.13.5
+Done installing documentation for bundler after 5 seconds
+1 gem installed
+
+
再次执行 $ jekyll server ,提示
+ +
+Could not find proper version of jekyll (3.1.1) in any of the sources
+Run `bundle install` to install missing gems.
+
+
跟着提示运行命令
+ +$ bundle install
+
这个时候你可能会发现 bundle install 运行卡主不动了。
+ +如果很长时间都没任何提示的话,你可以尝试修改 gem 的 source
+ +$ gem sources --remove https://rubygems.org/
+$ gem sources -a http://ruby.taobao.org/
+$ gem sources -l
+*** CURRENT SOURCES ***
+
+http://ruby.taobao.org
+
+
再次执行命令 $ bundle install,发现开始有动静了
+ +Fetching gem metadata from https://rubygems.org/...........
+Fetching version metadata from https://rubygems.org/..
+Fetching dependency metadata from https://rubygems.org/.
+。。。
+Installing jekyll-watch 1.3.1
+Installing jekyll 3.1.1
+Bundle complete! 3 Gemfile dependencies, 17 gems now installed.
+Use `bundle show [gemname]` to see where a bundled gem is installed.
+
+
bundler安装完成,后再次启动本地服务
+ +$ jekyll server
+
+
继续报错
+ +Configuration file: /Users/tendcloud-Caroline/Desktop/leopardpan.github.io/_config.yml
+ Dependency Error: Yikes! It looks like you don't have jekyll-sitemap or one of its dependencies installed. In order to use Jekyll as currently configured, you'll need to install this gem. The full error message from Ruby is: 'cannot load such file -- jekyll-sitemap' If you run into trouble, you can find helpful resources at http://jekyllrb.com/help/!
+jekyll 3.1.1 | Error: jekyll-sitemap
+
+
表示 当前的 jekyll 版本是 3.1.1 ,无法使用 jekyll-sitemap
+ +解决方法有两个
+ +++ +1、打开当前目录下的 _config.yml 文件,把 gems: [jekyll-paginate,jekyll-sitemap] 换成 gems: [jekyll-paginate] ,也就是去掉jekyll-sitemap。
+
++ +2、升级 jekyll 版本,我当前的是 jekyll 3.1.2 。
+
修改完成后保存配置,再次执行
+ +$ jekyll server
+
+
提示
+ +Configuration file: /Users/baixinpan/Desktop/OpenSource/Mine/Page-Blog/leopardpan.github.io-github/_config.yml
+ Source: /Users/baixinpan/Desktop/OpenSource/Mine/Page-Blog/leopardpan.github.io-github
+ Destination: /Users/baixinpan/Desktop/OpenSource/Mine/Page-Blog/leopardpan.github.io-github/_site
+ Incremental build: disabled. Enable with --incremental
+ Generating...
+ done in 0.901 seconds.
+ Auto-regeneration: enabled for '/Users/baixinpan/Desktop/OpenSource/Mine/Page-Blog/leopardpan.github.io-github'
+Configuration file: /Users/baixinpan/Desktop/OpenSource/Mine/Page-Blog/leopardpan.github.io-github/_config.yml
+ Server address: http://127.0.0.1:4000/
+ Server running... press ctrl-c to stop.
+
+
表示本地服务部署成功。
+ +在浏览器输入 127.0.0.1:4000 , 就可以看到leopardpan.cn博客效果了。
+ +++ ++
+- 如果你想使用我的模板请把 _posts/ 目录下的文章都去掉。
+- 修改 _config.yml 文件里面的内容为你自己的。
+
然后使用 git push 到你自己的仓库里面去,检查你远端仓库,在浏览器输入 username.github.io 就会发现,你有一个漂亮的主题模板了。
+ +使用了 Jekyll 你会发现如果你想使用多台电脑发博客都很方便,只要把远端 github 仓库里的博客 clone 下来,写文章后再提交就可以了,Hexo 由于远端提交的是静态网页,所有无法直接写 Markdown 的文章。如果你想看 Hexo 搭建博客,可以看看我的另一篇HEXO搭建个人博客的教程。
+ +如果你在搭建博客遇到问题,可以在原文博客的评论里给我提问。
+ +后面会继续介绍,在我的博客基础上,如何修改成你自己喜欢的 Style,欢迎继续关注我博客的更新。
+ +++ +:ET \ No newline at end of file diff --git a/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/eb/44201017871270e0b13bb2511df38f12874f62fa5a7534cb58f8a2f874c6f1 b/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/eb/44201017871270e0b13bb2511df38f12874f62fa5a7534cb58f8a2f874c6f1 new file mode 100644 index 0000000000..e080559280 --- /dev/null +++ b/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/eb/44201017871270e0b13bb2511df38f12874f62fa5a7534cb58f8a2f874c6f1 @@ -0,0 +1,54 @@ +I"问题:最近很多朋友使用我的模板报警告:The CNAME
+leopardpan.cn
is already taken +解决:把CNAME里面的baixin.io修改成你自己的域名,如果你暂时没有域名,CNAME里面就什么都不用谢。(之前没人反馈过这个问题,应该是github page最近才最的限制。)
进入个人github主页,创建一个Repository。 + + 切记,博客Repository的名字一定是***.github.io(个人github名+.github.io),这样才能直接通过***.github.io的域名访问个人博客
+进入Repository设置界面,进行博客Repository设定,包括选择博客主题。 +
+jekyll官网文档Jekyll安装文档有各种操作系统的安装教程,直接指示操作即可。
+Ruby是一种简单快捷的面向对象的脚本语言,而RubyGems是Ruby的一个包管理器,我们需要用这个来安装Jekyl。 +如果是unix系统的话,安装比较简单。我这里用到的是ubantu系统,安装教程如下:ubuntu系统安装Ruby。
+sudo apt-get install ruby-full build-essential zlib1g-dev
+echo '# Install Ruby Gems to ~/gems' >> ~/.bashrc
+echo 'export GEM_HOME="$HOME/gems"' >> ~/.bashrc
+echo 'export PATH="$HOME/gems/bin:$PATH"' >> ~/.bashrc
+source ~/.bashrc
+
gem install jekyll bundler
+
参考jekyll官网教程:jekyll管理博客文件
+jekyll new myblog
+
cd myblog
+
bundle exec jekyll serve
+
jekyll处于运行状态时,会生成一个Server address:http:/127.0.0.1:4000/,打开这个链接就可以看到jekyll的页面。Jekyll刚安装好后,只有一篇名为“Welcome to Jekyll!”的博文。
+在myblog/_posts目录下新建一个markdown文件,在markdown文件前面添加以下front matter:
+---
+layout: post
+title: "Welcome to Jekyll!"
+date: 2021-01-03 20:28:08 +0800
+categories: jekyll update
+---
+
front matter中layout为post表示这是一篇博文,title date categories分别表示标题/时间/类别。
+支持,通过Jekyll+github搭建个人博客就大功告成啦~
+:ET \ No newline at end of file diff --git a/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/f3/e52f57ce4c3ad73a437d12aa85ececbebf60179b6a21fe2a05232c798c585b b/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/f3/e52f57ce4c3ad73a437d12aa85ececbebf60179b6a21fe2a05232c798c585b new file mode 100644 index 0000000000..0d5c7aa121 --- /dev/null +++ b/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/f3/e52f57ce4c3ad73a437d12aa85ececbebf60179b6a21fe2a05232c798c585b @@ -0,0 +1,3 @@ +I" +在此之前我有写过一篇如何使用我博客模板的文章 请先看这篇基础集成,这篇文章主要讲的是如何使用和修改我的博客主题,文章内容含以下几点:
+:ET \ No newline at end of file diff --git a/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/f5/2e23d07a3c1918187f58f85c4751278979e586e5ed0e116c2df84871ab2bbe b/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/f5/2e23d07a3c1918187f58f85c4751278979e586e5ed0e116c2df84871ab2bbe new file mode 100644 index 0000000000..e080559280 --- /dev/null +++ b/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/f5/2e23d07a3c1918187f58f85c4751278979e586e5ed0e116c2df84871ab2bbe @@ -0,0 +1,54 @@ +I"进入个人github主页,创建一个Repository。 + + 切记,博客Repository的名字一定是***.github.io(个人github名+.github.io),这样才能直接通过***.github.io的域名访问个人博客
+进入Repository设置界面,进行博客Repository设定,包括选择博客主题。 +
+jekyll官网文档Jekyll安装文档有各种操作系统的安装教程,直接指示操作即可。
+Ruby是一种简单快捷的面向对象的脚本语言,而RubyGems是Ruby的一个包管理器,我们需要用这个来安装Jekyl。 +如果是unix系统的话,安装比较简单。我这里用到的是ubantu系统,安装教程如下:ubuntu系统安装Ruby。
+sudo apt-get install ruby-full build-essential zlib1g-dev
+echo '# Install Ruby Gems to ~/gems' >> ~/.bashrc
+echo 'export GEM_HOME="$HOME/gems"' >> ~/.bashrc
+echo 'export PATH="$HOME/gems/bin:$PATH"' >> ~/.bashrc
+source ~/.bashrc
+
gem install jekyll bundler
+
参考jekyll官网教程:jekyll管理博客文件
+jekyll new myblog
+
cd myblog
+
bundle exec jekyll serve
+
jekyll处于运行状态时,会生成一个Server address:http:/127.0.0.1:4000/,打开这个链接就可以看到jekyll的页面。Jekyll刚安装好后,只有一篇名为“Welcome to Jekyll!”的博文。
+在myblog/_posts目录下新建一个markdown文件,在markdown文件前面添加以下front matter:
+---
+layout: post
+title: "Welcome to Jekyll!"
+date: 2021-01-03 20:28:08 +0800
+categories: jekyll update
+---
+
front matter中layout为post表示这是一篇博文,title date categories分别表示标题/时间/类别。
+支持,通过Jekyll+github搭建个人博客就大功告成啦~
+:ET \ No newline at end of file diff --git a/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/fa/75264fbd485cdceec9190604d87c731d5e321d05bf0ea97f9f0f6aee290b43 b/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/fa/75264fbd485cdceec9190604d87c731d5e321d05bf0ea97f9f0f6aee290b43 new file mode 100644 index 0000000000..05e48144c3 --- /dev/null +++ b/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/fa/75264fbd485cdceec9190604d87c731d5e321d05bf0ea97f9f0f6aee290b43 @@ -0,0 +1,2 @@ +I"e之前写了一篇HEXO搭建个人博客的教程获得了很好评,尤其是在简书上目前已经累积了10W+的阅读量了,也有好心的读者主动给我打赏,在此感谢。
+:ET \ No newline at end of file diff --git a/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/ff/93cac0c7d3477e90f423681cee3b9babfef0258e220ae5eda70d6843b8d989 b/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/ff/93cac0c7d3477e90f423681cee3b9babfef0258e220ae5eda70d6843b8d989 new file mode 100644 index 0000000000..d14bfe9a54 --- /dev/null +++ b/.jekyll-cache/Jekyll/Cache/Jekyll--Converters--Markdown/ff/93cac0c7d3477e90f423681cee3b9babfef0258e220ae5eda70d6843b8d989 @@ -0,0 +1,2 @@ +I"9