`
Donald_Draper
  • 浏览: 979691 次
社区版块
存档分类
最新评论

搭建github博客指导

    博客分类:
  • LIFE
阅读更多
我的github仓库地址:https://github.com/Donaldhan/Donaldhan.github.io
github blog:https://donaldhan.github.io/
本文不打算一步一步的的讲如何搭建博客,有兴趣的可以参见我的github的wiki说明:
https://github.com/Donaldhan/Donaldhan.github.io/wiki/%E4%B8%AD%E6%96%87%E6%89%8B%E5%86%8C
和我搭建博客的笔记,上面有相关的知识点资源链接。

https://gitee.com/Donaldhans/draft/blob/master/git-page-blog.md

我们要讲的是GitHub Pages + jekyll所使用的相关技术概念,让你对GitHub Pages + jekyll创建的博客有一个整体上的把握。创建博客,说的直白一点,首先创建的github Page仓库,仓库名为youName.github.io,然后添加Jekyll主题,然后在仓库的_post文件夹下,
写markdown格式的文章,文件标题格式为:

YYYY-MM-DD-title.md


日期加文章标题。

然后浏览一下站点:
https://youName.github.io/

即可看见你的博客。

站点的内容是由Jekyll自动生成的。

那jekyll是什么?个人理解,jekyll是基于Ruby的将资源文件转换为站点的工具。另外对于jekyll,必须知道的一点是,模板引擎[Liuqid],Liuqid对于jekyll,犹如jsp和freemaker对于html一样,但更像freemaker。可以引用网站的数据,同时拥有逻辑判断和循环语法。在创建jekyll博客时,你可能会用两种文件格式,分别为 yaml和 markdown,yaml是一个友好的数据序列序列编程语言,类似json,但比json更简单,用于配置文件。markdown是一种易读易写的纯文本标记语言,不像xml和html那样繁琐,每个元素必须有开始和结束name标记,markdown精选了一些特殊的符号做为标记,markdown同时兼容html语言。浏览器解析markdown文件时,实际解析为html语言。如果你想编辑markdown语言,你可以使用Atom , MarkdownPad两个编辑软件,atom是github官方markdown编辑软件,有linux和window版本,MarkdownPad也不错,但只适用windows系统,建议使用atom。markdown用户撰写文章。  在了解上面的知识后,创建一个可以发布文章的博客,已经没有什么问题了,当文章发布量增大时,如何快速查看以前的文章了,这就用到的全文搜索了,这个我们可以用基于liquid的tipue search。有了搜索,还有一点,不能发布过文章,就没有事,如果与读者交流才是最重要的,这个我们可以使用基于github issue的评论插件gitalk。到这里,一个完整的博客该有的功能相关知识点已经基本了解,Just play, hava fun, enjoy the game...。

Jekyll:
官方网站:http://jekyll.com.cn/
中文网站:https://jekyllrb.com/
yaml:http://www.yaml.org/
markdown:https://daringfireball.net/projects/markdown/syntax
Liuqid:https://help.shopify.com/themes/liquid/basics
MarkdownPad:http://markdownpad.com/
Atom:https://atom.io/
tipue-search: https://github.com/jekylltools/jekyll-tipue-search
gitalk:https://github.com/gitalk/gitalk
0
0
分享到:
评论

相关推荐

    用Hexo搭建个人博客共7页.pdf.zip

    6. **部署博客**:说明如何将本地博客部署到GitHub Pages或其他托管服务,如Netlify或Vercel。 7. **插件和扩展**:推荐一些常用的Hexo插件,如SEO优化插件、评论系统插件等,以及如何安装和配置它们。 8. **博客...

    hexo搭建django,python学习博客.zip

    标题 "hexo搭建django,python学习博客.zip" 暗示了这个压缩包包含的资源是关于使用Hexo和Django构建一个以Python学习为主题的博客的教程或项目。Hexo是一个快速、简洁且高效的静态站点生成器,而Django则是一个强大...

    kakack.github.io:卡卡克博客

    【标题】"kakack.github.io:卡卡克博客"是一个个人博客网站,它采用了开源的GitHub Pages服务来搭建,并且基于某个特定的模板进行设计。这个博客很可能用于分享作者在IT领域的见解、经验和技术知识,尤其是与HTML...

    z0xi.github.io:博客

    8. `README.md` 文件:提供了关于项目的一些说明和指导,例如如何本地预览和部署博客。 如果你想要学习HTML或了解个人博客的搭建过程,这个博客源码可以作为一个很好的学习资源。通过阅读和分析源代码,你可以了解...

    快速搭建自己的文档系统全部用Markdown来编写文档

    本教程将指导你如何快速搭建一个完全基于Markdown的个人文档系统。 首先,了解Markdown的基本语法是必不可少的。Markdown支持以下基本元素: 1. **标题**:使用“#”号表示不同级别的标题,例如,“# 一级标题”,...

    shaojinding.github.io:shaojinding.github.io

    8. **个人博客搭建**: 使用GitHub Pages和Jekyll(一个静态站点生成器)是常见的个人博客搭建方式。开发者可以使用Markdown编写博客文章,Jekyll会将这些文章转换为静态HTML页面。 9. **开源文化**: 在GitHub上分享...

    namespaceappclub.github.io:命名空间博客

    【命名空间App Club的GitHub博客】是一个专注于技术分享与学习的平台,主要关注于CSS相关的前端开发知识。在这个项目中,"命名空间"一词可能指的是在编程中用于避免命名冲突的技术,尤其是在JavaScript或HTML中使用...

    spiegel-im-spiegel.github.io:text.Baldanders.info

    综合以上信息,我们可以推测这个项目是一个使用GitHub Pages服务搭建的个人博客。博客的源代码、文章内容、样式设计和交互功能都包含在这个压缩包的"spiegel-im-spiegel.github.io-master"目录下。如果你想要查看或...

    我的博客(Hexo + NexT + GitPage).zip

    标题 "我的博客(Hexo + NexT + GitPage).zip" 暗示这是一个包含个人博客搭建配置的压缩包,使用了Hexo框架、NexT主题以及GitPage服务。接下来,我们将深入探讨这些关键词所代表的IT知识点。 Hexo是一个基于Node....

    中文独立博客列表.zip

    - 学习资源:了解不同博客的技术实现,学习前端设计、SEO优化、博客搭建技巧。 - 网络营销:分析这些博客的受众、内容策略,以便进行更有效的内容营销。 - 社区参与:发现感兴趣的博客,参与讨论,建立网络关系,...

    githubpages

    - **博客平台**:利用 Jekyll 或其他静态站点生成器,可以轻松搭建个人博客。 - **文档托管**:项目页面常用于存放开源项目的文档,方便用户查阅和协作。 - **自定义域名**:可以绑定自己的域名,使网站看起来更...

    cjinhuo.github.io:博客 cjinhuo.netlify.com

    博客 "cjinhuo.github.io" 是一个个人网站,由博主CJinHuo搭建,主要分享关于前端开发和服务端技术的知识与经验。这个博客在cjinhuo.netlify.com上进行展示,Netlify是一个流行的静态站点托管平台,提供自动化部署和...

    ontime-git.github.io

    Jekyll是一款静态站点生成器,它允许用户通过简单的文本格式来创建、管理和发布内容,尤其适用于博客、文档站点和个人网站。在奥丁模板的帮助下,你可以快速搭建一个功能完备且美观的知识分享平台。 该模板的核心...

    haqvinbager.github.io

    GitHub是一个全球知名的代码托管平台,用户可以在这里创建并分享自己的开源项目,也可以搭建个人博客来展示自己的技术成果和思想。这个特定的URL可能是用户自定义的域名,通过GitHub Pages服务来发布内容。 在描述...

    qs-L.github.io:qs-L的个人博客

    【qs-L.github.io:qs-L的个人博客】是一个基于GitHub Pages搭建的个人网站,由用户qs-L创建。这个博客展示了作者的技术分享、个人心得以及其他相关内容,是他在互联网上的一个技术交流平台。通过分析其标签"HTML",...

    NoSunlightForDayz.github.io

    这个网站可能是用户个人的博客、作品展示或者是技术分享平台,它基于GitHub Pages服务搭建,允许用户免费托管静态网页。GitHub Pages通常用于发布个人简历、项目文档或者教程等。 【描述】中同样提及...

    jayaguptaON.github.io:我在github上的网站

    标题提到的"jayaguptaON.github.io"是一个用户的GitHub个人页面,通常用于搭建个人网站或博客。 JavaScript是Web开发中的关键语言之一,它是一种解释型、动态类型的编程语言,主要用于客户端的网页交互。JavaScript...

    GITI-Web.github.io:GITI-Web.github.io

    标签包括了"github-pages",说明网站是通过GitHub Pages服务搭建的,这是一个由GitHub提供的免费静态网站托管服务,用户可以直接将静态文件推送到特定分支(通常是`gh-pages`),然后GitHub会自动将其部署为网页。...

    jacquelineyin.github.io

    它是开发者展示项目、个人作品集或博客的理想平台。在这里,Jacqueline Yin 使用它来发布自己的投资组合。 2. **React**: React 是一个由Facebook开发的JavaScript库,用于构建用户界面,尤其适合单页应用(SPA)。...

    keikakub.github.io

    【keikakub.github.io】是一个GitHub托管的个人或项目网站,从标题来看,它可能是一个个人博客或者开源项目的在线展示。这个站点的源代码被压缩并存储在名为"keikakub.github.io-master"的文件中,这通常意味着它是...

Global site tag (gtag.js) - Google Analytics