我的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
分享到:
相关推荐
6. **部署博客**:说明如何将本地博客部署到GitHub Pages或其他托管服务,如Netlify或Vercel。 7. **插件和扩展**:推荐一些常用的Hexo插件,如SEO优化插件、评论系统插件等,以及如何安装和配置它们。 8. **博客...
标题 "hexo搭建django,python学习博客.zip" 暗示了这个压缩包包含的资源是关于使用Hexo和Django构建一个以Python学习为主题的博客的教程或项目。Hexo是一个快速、简洁且高效的静态站点生成器,而Django则是一个强大...
【标题】"kakack.github.io:卡卡克博客"是一个个人博客网站,它采用了开源的GitHub Pages服务来搭建,并且基于某个特定的模板进行设计。这个博客很可能用于分享作者在IT领域的见解、经验和技术知识,尤其是与HTML...
8. `README.md` 文件:提供了关于项目的一些说明和指导,例如如何本地预览和部署博客。 如果你想要学习HTML或了解个人博客的搭建过程,这个博客源码可以作为一个很好的学习资源。通过阅读和分析源代码,你可以了解...
本教程将指导你如何快速搭建一个完全基于Markdown的个人文档系统。 首先,了解Markdown的基本语法是必不可少的。Markdown支持以下基本元素: 1. **标题**:使用“#”号表示不同级别的标题,例如,“# 一级标题”,...
8. **个人博客搭建**: 使用GitHub Pages和Jekyll(一个静态站点生成器)是常见的个人博客搭建方式。开发者可以使用Markdown编写博客文章,Jekyll会将这些文章转换为静态HTML页面。 9. **开源文化**: 在GitHub上分享...
【命名空间App Club的GitHub博客】是一个专注于技术分享与学习的平台,主要关注于CSS相关的前端开发知识。在这个项目中,"命名空间"一词可能指的是在编程中用于避免命名冲突的技术,尤其是在JavaScript或HTML中使用...
综合以上信息,我们可以推测这个项目是一个使用GitHub Pages服务搭建的个人博客。博客的源代码、文章内容、样式设计和交互功能都包含在这个压缩包的"spiegel-im-spiegel.github.io-master"目录下。如果你想要查看或...
标题 "我的博客(Hexo + NexT + GitPage).zip" 暗示这是一个包含个人博客搭建配置的压缩包,使用了Hexo框架、NexT主题以及GitPage服务。接下来,我们将深入探讨这些关键词所代表的IT知识点。 Hexo是一个基于Node....
- 学习资源:了解不同博客的技术实现,学习前端设计、SEO优化、博客搭建技巧。 - 网络营销:分析这些博客的受众、内容策略,以便进行更有效的内容营销。 - 社区参与:发现感兴趣的博客,参与讨论,建立网络关系,...
- **博客平台**:利用 Jekyll 或其他静态站点生成器,可以轻松搭建个人博客。 - **文档托管**:项目页面常用于存放开源项目的文档,方便用户查阅和协作。 - **自定义域名**:可以绑定自己的域名,使网站看起来更...
博客 "cjinhuo.github.io" 是一个个人网站,由博主CJinHuo搭建,主要分享关于前端开发和服务端技术的知识与经验。这个博客在cjinhuo.netlify.com上进行展示,Netlify是一个流行的静态站点托管平台,提供自动化部署和...
Jekyll是一款静态站点生成器,它允许用户通过简单的文本格式来创建、管理和发布内容,尤其适用于博客、文档站点和个人网站。在奥丁模板的帮助下,你可以快速搭建一个功能完备且美观的知识分享平台。 该模板的核心...
GitHub是一个全球知名的代码托管平台,用户可以在这里创建并分享自己的开源项目,也可以搭建个人博客来展示自己的技术成果和思想。这个特定的URL可能是用户自定义的域名,通过GitHub Pages服务来发布内容。 在描述...
【qs-L.github.io:qs-L的个人博客】是一个基于GitHub Pages搭建的个人网站,由用户qs-L创建。这个博客展示了作者的技术分享、个人心得以及其他相关内容,是他在互联网上的一个技术交流平台。通过分析其标签"HTML",...
这个网站可能是用户个人的博客、作品展示或者是技术分享平台,它基于GitHub Pages服务搭建,允许用户免费托管静态网页。GitHub Pages通常用于发布个人简历、项目文档或者教程等。 【描述】中同样提及...
标题提到的"jayaguptaON.github.io"是一个用户的GitHub个人页面,通常用于搭建个人网站或博客。 JavaScript是Web开发中的关键语言之一,它是一种解释型、动态类型的编程语言,主要用于客户端的网页交互。JavaScript...
标签包括了"github-pages",说明网站是通过GitHub Pages服务搭建的,这是一个由GitHub提供的免费静态网站托管服务,用户可以直接将静态文件推送到特定分支(通常是`gh-pages`),然后GitHub会自动将其部署为网页。...
它是开发者展示项目、个人作品集或博客的理想平台。在这里,Jacqueline Yin 使用它来发布自己的投资组合。 2. **React**: React 是一个由Facebook开发的JavaScript库,用于构建用户界面,尤其适合单页应用(SPA)。...
【keikakub.github.io】是一个GitHub托管的个人或项目网站,从标题来看,它可能是一个个人博客或者开源项目的在线展示。这个站点的源代码被压缩并存储在名为"keikakub.github.io-master"的文件中,这通常意味着它是...