前言 我相信,每个程序员都有一个愿望,都想有一个属于自己的"家"——属于自己的博客,专属的网站。在自己的“家”中,可以和志同道合的兄弟一起分享和讨论任何技术,谈天说地。...关于jekyll其他一些命令的用法如下: $ jekyll build # => 当前文件夹中的内容将会生成到 ./_site 文件夹中。...$ jekyll build --watch # => 当前文件夹中的内容将会生成到 ./_site 文件夹中, # 查看改变,并且自动再生成。...└── index.html (网站的index)复制代码 二.开发或者选择Jekyll主题 再来说说博客的外观,这可能是很多人很看重的,一个高逼格的博客里面看文章也是一种享受。...接着我们把我们自己做好的blog目录整个都拷贝到这个仓库文件夹中,当然,这个仓库之前的文件可以删除了,只留下README即可。
前言 我相信,每个程序员都有一个愿望,都想有一个属于自己的"家"——属于自己的博客,专属的网站。在自己的“家”中,可以和志同道合的兄弟一起分享和讨论任何技术,谈天说地。...更重要的是可以当做自己的技术积累,提升自己实力。那么接下来就来说说我博客搭建过程。 一.本地搭建Kekyll Jekyll是什么?它是一个简单静态博客生成工具,相对于动态博客。 简单。...关于jekyll其他一些命令的用法如下: $ jekyll build # => 当前文件夹中的内容将会生成到 ./_site 文件夹中。...$ jekyll build --watch # => 当前文件夹中的内容将会生成到 ./_site 文件夹中, # 查看改变,并且自动再生成。...接着我们把我们自己做好的blog目录整个都拷贝到这个仓库文件夹中,当然,这个仓库之前的文件可以删除了,只留下README即可。
感谢Huxpro提供的博客模板 我的的博客 前言 从 Jekyll 到 GitHub Pages 中间踩了许多坑,终于把我的个人博客BY Blog搭建出来了。。。...快速开始 从注册一个Github账号开始 我采用的搭建博客的方式是使用 GitHub Pages + jekyll 的方式。...若是出现 image.png 则需要 检查一下你的仓库名是否正确 整个网站结构 修改Blog前我们来看看Jekyll 网站的基础结构,当然我们的网站比这个复杂。...想上传头像,背景,或者是删掉你不要的图片(我的头像)已经是 so eazy了吧~ 注意 你在 GitHub 网站上进行 Commit 操作后,需要在GitHub Desktop上按一下 同步按键 才能同步网站上的修改到你的本地...Windows 环境下的配置请参考 @梦幻之云 提供的 这篇文章。 有心的同学在 jekyll官网 就会发现 jekyll 的 提供的实例代码。
本文主要讲如何使用 Jekyll 在 Github 搭建博客,其实我们还可以在国内网站搭建,本文是记下我从不知道 github 搭建博客,到成功搭建了博客遇到的问题 我在github建立了博客,博客地址...首先解压一个主题到我们的文件夹,我们不需要安装复杂的技术,目标就是很简单如何使用。 Jekyll的主题可以到任意的Github上用Jekyll博客的git上,去clone。...统计访问 在百度统计注册,然后添加代码到_layouts/default.html 先在百度新增网站,然后获得网站代码 复制的地方和下面代码相同 <script src="{ { <em>site</em>.url }...首先打开官<em>网</em>https://github.com/blog/273-github-ribbons,可以看到很多样式,我们<em>复制</em>一个,放在default.html 把代码放进去就看<em>到我</em>们<em>博客</em>有很好看<em>的</em>Fork...地址是 https://github.com/ghiculescu/<em>jekyll</em>-table-of-contents/raw/master/toc.js 下载放在自己<em>的</em><em>博客</em>,根目录<em>的</em> js <em>文件夹</em>里,命名为
点这里https://github.com/lemonchann/lemonchann.github.io我的博客地址进去fork,之后在你自己的仓库下会看到刚复制的仓库。...以后的操作都在你自己的仓库进行。 ? 版权声明:fork之后_posts文件夹内容是我的博客文章,版权归我所有。你可以选择删除里面的文章替换上自己的或者转载附上链接注明出处。...不过要把配置中我的google_analytics: UA-XXXXXXX-X删除,否则统计到我的去了。...文章用markdown语法,写好统一放在_post文件夹下上传,git page会自动从你的git仓库拉去解析成网页,立刻就能在你的博客网页浏览。...下载simple-jekyll-searchj文件 下载这整个文件夹https://github.com/christian-fei/Simple-Jekyll-Search/tree/master/example
w=797&h=464&f=png&s=134295] 整个网站一下不能访问了,还是有点慌的,毕竟在这之前没有考虑到还能有这事。...但是后来发现有些网络环境下竟然不能访问,这又让我感觉不爽了,否则我都快要交钱给 码云 (一年90元)。到 码云 官网群问使用这个搭建博客,百度收录吗?也没有人回应。如果不收录我没必要用了就,是吧。...不过也还好有 Gitee,否则网站不能那么快恢复,如果按照下面的方式搞,至少 24 小时才能完事。 接下来就是将网站迁移到我自己买的服务器上,虽然过程比较坎坷,但终究还是满足了我的需求。...提升了网站速度、体验,也可以让网站被百度爬虫收录。如果也有小伙伴遇到这样问题或者想建博客,可以按照我下面的步骤,进行安装 Jekyll 部署博客。...Use --watch to enable. - 编译好后看到一个 `_site` 的文件夹,这里就是我们的静态博客内容。 ### 4.
还有,习惯本地软件写文章,最好能不花钱卖服务器……在网上苦苦追寻,最后还真让我找到了。技术简介我相信作为技术人,最大交友网站github(gitee也可以)都是知道的。...没错,他就是Vue及其生态所构建的静态博客。当你打开它的官网,就能一下恍然大悟:原来XXX框架的官方文档网站这么做的啊!...bundle exec jekyll build 来构建网站,构建完毕,会看到多一个_site 文件夹PS D:\Github\test> bundle exec jekyll buildConfiguration..._site 文件夹就是存放md转网页之后存放的位置接下来运行PS D:\Github\test> bundle exec jekyll sConfiguration file: D:/Github/test...minima 的主题,到这为止,都可以复制到刚才的GitHub仓库。
前言 从 Jekyll 到 GitHub Pages 中间踩了许多坑,终于把我的个人博客BY Blog搭建出来了。。。 本教程针对的是不懂技术又想搭建个人博客的小白,操作简单暴力且快速。...快速开始 从注册一个Github账号开始 我采用的搭建博客的方式是使用 GitHub Pages + jekyll 的方式。...当然,还需要修改博客的配置才能变成你的博客。 若是出现 ? 则需要 检查一下你的仓库名是否正确 整个网站结构 修改Blog前我们来看看Jekyll 网站的基础结构,当然我们的网站比这个复杂。...已经是 so eazy了吧~ 注意 你在 GitHub 网站上进行 Commit 操作后,需要在GitHub Desktop上按一下 同步按键 才能同步网站上的修改到你的本地。...Windows 环境下的配置请参考 @梦幻之云 提供的 这篇文章。 有心的同学在 jekyll官网 就会发现 jekyll 的 提供的实例代码。
从那以后,我就想着是否有一天我也可以做出让身边的小伙伴都来观摩一下我的网站。...我的各大blog: 国外的Github地址: GitHub 国内的GitHub地址: 码云 我的单纯网站: http://xudailong.cc/ 可能你们会想,写个博客就写个博客呗,为什么还装这么低级的...于是:我索性跟着博客Fork下来进行个人博客的修改 路上的风景 注册一个Github账号 or 码云账号 Github官网 Fork(拉取)我的博客模板 在Github上搜索:xudailong.github.io...我们现在用Git工具将整个项目Git clone下来,可以看一下现在的目录结构: 这里进行一下各个文件(夹)的用途 _config.yml :全局配置文件 posts :放文章的文件夹 其他的文件夹是各页面的...我再简明一下步骤: 一 :安装Ruby 二 :安装RubyGems 三:用RubyGems安装Jekyll 四:cd到博客文件夹,开启服务器 五:访问 http://localhost:4000
搭建博客有两种安装过程:1.使用jekyll搭建;2.从jekyll模板中找到一个自己喜欢的,fork进自己的博客,然后修改_config.yml文件,下面分别来讲讲两种方式的搭建。...具体的ruby可以到官网上去下载,不过毕竟是国外网站,如果没有好的访问外国网站工具还是比较慢的。这里我已经准备好了,点ruby和DevKit下载。点击exe文件进行自定义目录安装。...:4000就可以看到我们的博客模样: 1.6 后话 这只是jekyll提供的最基本的博客原型,当然你可以更改其中的样式、结构来变成自己喜欢的模样,同时还可以安装高亮插件、数学公式插件等等,..._site : 这个是Jekyll生成的最终的文档,不用去关心。最好把他放在你的.gitignore文件中忽略它。...然后在浏览器中输入Rynxiao.github.io,就可以看到我们在本地中搭建的博客样子了 二、复制别人现有的博客模板 进入http://jekyllthemes.org/,挑选一个自己喜欢的模板
背景叨叨叨 很久以前就想搭建一个个人技术博客的网站了,但是那时候接触的东西不多,没有听说过hexo、jekyll、wordpress等快速blog生成工具,自己在网上找了博客模板,修改了一下前端代码...将复制的内容粘贴到Key的输入框,随便写好Title里面的内容,点击Add SSH key按钮即可。 安装node.js 点击进入node.js官网 ?...初始化博客 // 建立一个博客文件夹,并初始化博客,为文件夹的名称,可以随便起名字 $ hexo init // 进入博客文件夹,为文件夹的名称 $...,拿我自己的配置,我们继续往下看: 1....发表一篇文章 在终端输入: // 新建一篇文章 hexo new "文章标题" 我们可以在本地博客文件夹source->_post文件夹下看到我们新建的markdown文件
背景叨叨叨 很久以前就想搭建一个个人技术博客的网站了,但是那时候接触的东西不多,没有听说过hexo、jekyll、wordpress等快速blog生成工具,自己在网上找了博客模板,修改了一下前端代码,用...图片来自Github 将复制的内容粘贴到Key的输入框,随便写好Title里面的内容,点击Add SSH key按钮即可。 安装node.js 点击进入node.js官网 ?...,拿我自己的配置,我们继续往下看: 1....发表一篇文章 在终端输入: // 新建一篇文章 hexo new "文章标题" 我们可以在本地博客文件夹source->_post文件夹下看到我们新建的markdown文件。 ?...本地发布效果图 但是毕竟我们目前发布的只有本机看得到,怎么让其他人看到我们写的博客呢?这时候我们来看看博客的部署。
它具有“博客意识”,并包含处理日期组织内容的特殊功能,但其用途不仅限于博客网站。...当我们调用时jekyll serve,Jekyll将配置文件和内容文件解析为新目录,_site开始提供该_site文件夹中的内容: ... ├── 404.html ├── about.md ├── _...一旦保存对帖子或页面的更改,静态站点将自动重建,因此不要直接对_site文件夹中的文件进行更改。...如果我们在我们的网站上工作时让开放服务器在前台运行时打开此终端,我们将在添加页面和帖子以及更改内容时立即收到反馈。...您可以在Jekyll网站上了解有关此实验性功能的更多信息。 该网站现已上线。
虽然Jekyll已经有了博客框架,还是需要创建一个assets文件夹来存储图像,CSS和JS文件。...使用浏览器导航到Linode的公共IP地址(端口4000)来预览站点。网站上应该有一篇默认的文章。...bundle exec jekyll serve --host=0.0.0.0 [jekyll_first_post.png] 注意启动Jekyll服务器后,会有一个新_site文件夹。...本节中的步骤可以从本地计算机或使用Jekyll博客的Linode完成。如果您使用Linode,则可以使用ngrok查看笔记本。...使用CDN支持MathJax 内容分发网络(CDN)是在网站上添加功能而无需下载其他软件的好方法。本节将介绍如何创建使用自定义标题的帖子。
GitHub上最主流的3大静态博客建站框架为: hugo hexo Jekyll 为什么选择hugo,v站上留言推荐最多的博客建站框架,GitHub上star数60.5k ,广受欢迎。...我的这个网站托管在GitHub pages(https://charlie-king.github.io)和vercel(https://kingpo.vercel.app)上,虽然服务器都在国外,但完全免费...方式2: 从GitHub 直接直接下载编译好的二进制文件.exe 这里用的是扩展版 hugo_extended_0.101.0 配置环境变量 下载好后,解压到某个文件夹里,复制到bin层路径,添加到电脑的环境变量里...先建立一个目录,比如我这里d盘下project,等会生成的博客网站存放在里面 命令行 cd project hugo new site hugo-blog 这时会提示祝贺你,你的hugo网站已经生成...,里面放的是主题的样式,你可以直接把里面的config.toml中的内容复制到你的博客主目录的config.toml中。
版权声明:本文为博主原创文章,未经博主允许不得转载。...---- 一、制作个人博客步骤 第一步:打开Jekyll主题官网 JekyllThemes http://jekyllthemes.org/ 下载一个自己喜欢的模板。...第二步:把下载好的模板上传到自己的Github仓库中。 第三步:在_posts文件夹中放入自己写好的博客,文件名必须是日期-标题名,例如:2019-01-01-我的第一篇博客。..._data 放一些其他配置文件,必须是.yml或者.yaml格式的,比如有一个文件叫members.yml,如果想引用这个文件里的内容就通过site.data.membres来引用 _site 一旦 Jekyll...---- 三、相关语法官网 Liquid语法: https://help.shopify.com/themes/liquid Jekyll中文网: http://jekyll.com.cn/ 在本地预览博客效果
Jekyll 也可以运行在 GitHub Pages 上,也就是说,你可以使用 GitHub 的服务来搭建你的项目页面、博客或者网站,而且是完全免费的。...GitHub Pages 是一个静态网站托管服务,直接从github仓库托管你个人、公司或者项目页面 ,并且不需要你写任何后端语言来支持。...我的博客选择的是在 Github 上找的博客主题,它对目录中各个文件的内容、功能都有很详细地说明,适合我这样的小白学习使用 Jekyll 。...为了看到博客呈现出来的效果,就要用上我们上一步安装的 Jekyll,先打开命令行,将路径修改至博客模板所在路径,执行命令 jekyll server,复制 http://127.0.0.1:4000/...参考资料 本次博客的搭建主要参考了以下内容,感谢作者们~ 基于Jekyll搭建个人博客 jekyll-theme-H2O博客主题 个人网站的搭建(基于GitHub和Jekyll主题 ) Jekyll +
我之前写过一篇文章《利用Github+Jeklly搭建个人博客网站》,利用 Github 仓库提供的 github pages 来搭建个人博客。...Jekyll 和 Hexo 可以说是最受欢迎、用户都非常多的两个静态博客生成系统。本文给大家介绍利用 Hexo 结合 Github pages 来搭建个人网站。 1 什么是 Hexo?...网上经常看到很多人吐槽安装 Jekyll 经常碰到各种问题。我分别在 Windows 下安装过这两个环境。整个流程跑下来还是挺顺利的。...从主体方面上看,Hexo 官网就有主题跳转链接,目前一共有 280 个主题;这 Jeklly 是无法比拟的。再者,相比 Ruby,Node.js 使用的人群更广, 火爆程度更好。...,复制到 theme 文件夹中。
Title 随便填 Key 添加复制的内容 点击Add SSH Key 按钮 终端输入 ssh -T git@github.com 出现下面这个就是成功了 4.上传代码到github...https://www.jianshu.com/p/88e3474cef72 配置jekyll环境 jekyll官网https://www.jekyll.com.cn/ 有不懂的可以参考下 打开终端输入...gem install jekyll jekyll new my-site 终端输入 cd my-site/ jekyll serve 浏览器访问 http://127.0.0.1:4000/ 出现下面这个界面...,代表jekyll本地运行成功 2.jekyll代码上传github 打开my-site文件夹 复制所有文件 再打开 用户名.github.io 文件夹 删除index.html 把复制的文件粘贴用户名...你要做的是点击 _posts文件夹 新建 YYYY-MM-DD-文章标题.markdown 其中YYYY为4位年份,MM是两位的月份,DD是两位的日期 在用文本编辑器打开它 复制下面 -
领取专属 10元无门槛券
手把手带您无忧上云