感谢Huxpro提供的博客模板 我的的博客 前言 从 Jekyll 到 GitHub Pages 中间踩了许多坑，终于把我的个人博客BY Blog搭建出来了。。。...若是出现 image.png 则需要 检查一下你的仓库名是否正确 整个网站结构 修改Blog前我们来看看Jekyll 网站的基础结构，当然我们的网站比这个复杂。...sidebar-avatar:/img/avatar-by.JPG # 你的个人头像 这里你可以改成我在img文件夹中的两张备用照片 img/avatar-m 或 avatar-g 社交账号...不信你用手机打开你的博客试试~ 所以有必要对我们上传到博客网站中的图片：指的是你的头像，首页背景图片，文章背景图片等。对于博客文章中插入的图片，其实也可以压缩了再上传。...对博客中的所有图片进行压缩： 看看压缩结果，最高的一张压缩了78.7%，这简直是太可怕了！
当然，还需要修改博客的配置才能变成你的博客。 若是出现 ? 则需要 检查一下你的仓库名是否正确 整个网站结构 修改Blog前我们来看看Jekyll 网站的基础结构，当然我们的网站比这个复杂。...sidebar-avatar:/img/avatar-by.JPG # 你的个人头像 这里你可以改成我在img文件夹中的两张备用照片 img/avatar-m 或 avatar-g 社交账号...图片压缩工具 ImageOptim 对于我们的博客来说，图片越大，加载速度越慢。 不信你用手机打开你的博客试试~ 所以有必要对我们上传到博客网站中的图片：指的是你的头像，首页背景图片，文章背景图片等。...对于博客文章中插入的图片，其实也可以压缩了再上传。 对博客中的所有图片进行压缩： 看看压缩结果，最高的一张压缩了78.7%，这简直是太可怕了！ ?...ImageOptim压缩图片 好了，现在个人博客的加载速度估计要起飞了~ 最后要说个事情 我在博客中的文章，你们可以保留，让更多需要帮助人的看到，当然也可以删除。
拥有一个自己的博客网站是每一位有追求的写作爱好者的梦想。本文将向大家分享：如何为自己创建一个既时尚又好用的博客网站。...下面是用于本文演示的一个博客网站的效果图，大家也可以访问https://crazycodeboy.github.io/ 来亲自检验效果。 预览图 在手机上的运行效果 ? 在电脑上的运行效果 ? ?...上面预览图中的博客就是基于jekyll的dbyll主题风格的网站。jekyll是一个简单的免费的Blog生成工具，而dbyll就是基于jekyll的一款开源的主题项目。...或将for post in paginator.posts 改为 for post in site.posts 在GitHub上创建dbyll主题的个人博客 ---- 下面我将在GitHub...以下是发表文件的一些规范： 博客更新指南 —– clone 仓库到本地 在_posts目录下新建文章，如2016-7-30-react-native-study-note，可以参考https://github.com
我们平时工作由于专业的原因, 会接触到很多平台型博客: 列如: CSDN, 博客园, 简书, 知乎, 掘金等等....我相信很多人都不太愿意去搞这些东西的....官方网站 但是和 WordPress 不同的是，jekyll 是一个生成静态网页的工具，不需要数据库支持. 并且可以配合第三方服务, 例如 Disqus....下面我将按照该步骤去介绍如何快速搭建基于 Gitee+ jekyll 的个人博客 拉取代码 仓库地址 https://gitee.com/TimePause/blog 将该仓库复制一份到自己仓库...图片的访问路径则是: 个人博客网站地址/图片相对目录.
简介 要深入学习和理解一个框架，官方文档是必须要仔细阅读的。fyne 官网有非常系统和详尽的文档。官方网站：https://fyne.io/。有时候我们会有这样一个需求——离线查看文档。...首先，我找到了 fyne 官方网站的 GitHub 仓库，网址为https://github.com/fyne-io/developer.fyne.io。...很快我发现 fyne 官网是采用 jekyll 构建的。jekyll 是采用 ruby 语言编写的静态网页工具。jekyll 常用于搭建个人博客。...下载压缩包之后，解压； cd 到解压之后的目录； 执行 ruby setup.rb 安装。 安装完成之后，打开 cmd，输入gem -v。如果输出正确的 gem 版本信息，说明安装成功。...本地运行网站 一切准备就绪，接下来只需要输入下面的指令网站就在本地运行起来了： $ jekyll serve 一般会出现下面的错误： ?
它的方便之处在于支持多种文本标记语言：Markdown，Textile，HTML，然后 Jekyll 就会帮你加入你选择主题的样式的布局中。最终生成你自己的静态博客网站。...2.安装RubyGems 官网地址：https://rubygems.org/pages/download 据自己的需要下载不同版本。解压压缩文件到本地。...6.切换主题 我这里下载的主题是 mundana-jekyll-theme,主题下载地址：http://jekyllthemes.org/themes/mundana-jekyll-theme/ 注：...可能存在兼容性问题，使用下面的命令 cd mundana-jekyll-theme bundle install #安装依赖 bundle exec jekyll serve #运行项目 我的博客地址...丰富的主题自由选择 这里推荐两款 Jekyll 主题的网站： 1.官方主题网站：http://jekyllthemes.org/ 2.Github 上的博客模板：https://github.com/jekyll
本篇文章记录整个备案的过程，也了解一下网站备案的相关知识。 ? 我的博客ICP备案号 ICP备案主要分为两大类：一是经营性备案，二是非经营性备案。后者相对较多，前者一般由于条件限制很多无法拿到审批。...备案资料 网站主体是个人的，即个人网站。需要准备以下资料： 基本证件资料，姓名/证件号码/证件地址/联系方式等等 个人身份证件照片和手持证件照片， 自行拍照。需保证所持证件和人脸清晰、完整、无遮挡。...辅助资料，如手持单位证件照片，网站建设方案书等等 备案服务号 提交备案申请时，还需要一个备案服务号。备案服务号怎么获取呢？...关于博客的搭建 我的博客是使用的GitHub Page + Jekyll博客模板的方式搭建，没什么技术含量，clone一个模板，然后修改为自己的信息，再push一下就可以访问了： ?...博客主页 总的来说，自己搭建博客网站的方式主要有以下几种： GitHub/Gitee Page + Jekyll/Hexo静态博客模板 GitHub Page + Gridea静态博客写作客户端 服务器
Jekyll 是采用Ruby语言实现的将纯文本转换为静态博客网站的利器，也是本站点的关键技术。本文将对Jekyll中的进阶内容进行说明。...基本过程 Jekyll 是一个简单的博客形态的静态站点生产机器。...它有一个模版目录，其中包含原始文本格式的文档，通过一个转换器（如 Markdown）和我们的 Liquid 渲染器转化成一个完整的可发布的静态网站，你可以发布在任何你喜爱的服务器上。...Jekyll 也可以运行在 GitHub Page 上，也就是说，你可以使用 GitHub 的服务来搭建你的项目页面、博客或者网站，而且是完全免费的。...插件 Jekyll 插件可以扩展 Jekyll 原生没有的功能。 例如：自动生成RSS、生成TOC、生成SEO标记、压缩HTML等等功能，都可以通过插件来实现。
篇幅比较长，先给大家放一张脑图，看看自己的兴趣在哪，或者说自己需要补充哪方面的，可以从右边的导航栏查看，也可以直接打开我做的工具网站查看，分级明显。前端工具集~ ?...jekyll：将纯文本转化为静态网站和博客。由于环境依赖的问题，所以安装起来可能稍费劲那么一点。 hexo：快速、简洁且高效的博客框架，照着文档分分钟就可以在本地跑起来。...，后续发现了jekyll比较好的一个主题，所以换成了jekyll，大家可以参考一下。...开发工具 bootCDN - 各种开源库的 cdn 地址，加快开源库访问速度 Awesomes.cn - 前端各种资源库，想用的这里说不定都有 熊猫图片压缩 - 一个压缩图片的网站，...Mac上有用的工具太多了，而且Mac对于开发人员来说真的是非常友好，如果有条件的话，我觉得开发还是用Mac爽，在这里就不给大家赘述Mac工具了，给大家推荐个网站，Mac的软件基本都能下载到。
篇幅比较长，先给大家放一张脑图，看看自己的兴趣在哪，或者说自己需要补充哪方面的，可以从右边的导航栏查看，也可以直接打开我做的工具网站查看，分级明显。前端工具集~ ?...jekyll：将纯文本转化为静态网站和博客。由于环境依赖的问题，所以安装起来可能稍费劲那么一点。 hexo：快速、简洁且高效的博客框架，照着文档分分钟就可以在本地跑起来。...，后续发现了jekyll比较好的一个主题，所以换成了jekyll，大家可以参考一下。...开发工具 bootCDN - 各种开源库的 cdn 地址，加快开源库访问速度 Awesomes.cn - 前端各种资源库，想用的这里说不定都有 熊猫图片压缩 - 一个压缩图片的网站，很牛，一次可以压缩...，如果有条件的话，我觉得开发还是用Mac爽，在这里就不给大家赘述Mac工具了，给大家推荐个网站，Mac的软件基本都能下载到。
在Windows上安装Jekyll Jekyll介绍 jekyll是一个简单的免费的Blog生成工具，类似WordPress。...最关键的是jekyll可以免费部署在Github上，而且可以绑定自己的域名。 Jekyll团队没有正式支持在Windows上使用Jekyll,官方不建议在Windows上使用Jekyll。...Ruby DevKit 下载 DevKit-mingw 是一个自解压档案，执行该文件时，会要求您提供文件的目的地，输入一个没有空格的路径，我建议简单一点，C:\RubyDevKit\。...初始化 RubyDevKit 接下来，您需要初始化DevKit并将其绑定到您的Ruby安装。打开您最喜欢的命令行工具，并进入到您将DevKit解压缩到的文件夹。...ruby dk.rb install 安装 Jekyll 替换 RubyGems 镜像 RubyGems 一直以来在国内都非常难访问到，在本地你或许可以访问外国网站，当你要发布上线的时候，
更多开源作品请看 GitHub https://github.com/qq449245884/xiaozhi ，包含一线大厂面试完整考点、资料以及我的系列文章。...了解内容管理系统（CMS），如WordPress和其他站点生成器如何使响应式图像的使用更加容易。...这通常需要一个以上的图像管理过程：一个开发层面的任务，用于建设和维护网站的图像资产--背景、图标、标志等等；另一个任务是关于通过使用网站产生的图像资产，如编辑团队在帖子中嵌入的照片，或用户上传的头像。...静态站点生成器 与任务运行器相比，静态网站生成器（如Jekyll或Eleventy）处理图像的方式有一些相似之处。...与任务运行器不同，静态网站生成器可以直接了解这些库的配置和使用情况，以及为生产网站生成的标记--这意味着它可以做更多的事情来自动化我们的响应式图像标记。
中讲到，可以利用 Github Pages 来搭建个人博客网站，本文主要讲解其中的各种细节。 1.评估 Github Pages 方案 前面说到几种博客方案，我都玩过，可以说是各有各的特点与优势。...我们的网站是寄托在 Github 网站上，Github 服务器节点是在美国，所以访问速度没有国内主机快。 以上是我对于 Github Pages 方案的理解。...我找到一款名为 MatJek 的主题，将主题压缩包下载到本地。 ? 主题下载之后，我们需要把主题文件同步到我们的网站，也就是远程的 Github 仓库。..._config.yml 是 Jekyll 的全局配置文件。里面记录着网站的名字，网站的域名，网站的链接格式等等。 我对于原来的 MatJek 主题进行一些定制化需求，整合起来更像是一个博客网站。...最后我花费九牛二虎之力，翻阅 Jeklly 中文网站，找到一个伪 postid 的方案。
下图是它最初的模样： 后面我根据自己的情况，做了一些定制，就成了现在的样子： 刚开始接触 Jekyll 的时候对它并不是很了解，Markdown 语法也只是停留在”听说过“这个阶段，...掌握了这个技能之后，我的写作利器就成了 Sublime text 3 + Markdown 组件 + Github + Jekyll。...博客托管到国外的云主机之后，写作流程就变成了这样：每次写完博客在本机电脑打包成 Html，再压缩上传到云主机，登录到云主机上面将压缩包解压覆盖，然后完工。...另外想给网站加一些功能，比如QQ登录什么的，都有一个前提条件必须有备案。恰好腾讯云那几天在做活动，就买了一个云主机，准备将博客从国外搬回到国内，没想到又掉进了另外一个坑。...我在5月11号在腾讯云提交的备案请求，因为需要填表、照相花费了大概一周的时间，将所有的资料初审完成之后，腾讯云客服通知我说，网站在备案期间必须关闭，不然有可能备案不通过。
你可以查看它的 GitHub 和官网了解更多。 4.Jekyll star 数 45K+。 Jekyll 是一个基于 Ruby 的静态站点生成器，支持多种主题和插件。...Jekyll 提供了丰富的文档和社区支持，使用起来也比较简单。Jekyll 也是非常流行的静态网站生成器之一。 你可以查看它的 GitHub 和官网了解更多。 5.Nuxt star 数 44K+。...但如果您需要更复杂的功能或更高级的定制，那么可能需要考虑其他工具，如 Hugo、Jekyll 等。 你可以查看它的 GitHub和官网了解更多。 10.VuePress star 数 21K+。...它提供了许多内置功能，如自动化路由、代码拆分、图片优化等，使得构建静态网站变得更加容易和高效。...Middleman 也提供了一些插件和工具，例如压缩、部署和搜索等。 你可以查看它的 GitHub和官网了解更多。 18.Brunch star 数 6.8K+。
我们的网站是寄托在 Github 网站上，Github 服务器节点是在美国，所以访问速度没有国内主机快。 以上是我对于 Github Pages 方案的理解。...3.Jekyll 主题选择 上文讲到选择默认的主题，这里都是 Jekyll 主题。那什么是 Jeklly呢？它是一个简单静态站点生成器，能将纯文本的(一般是 Markdown 文件)转化为静态页面。...我找到一款名为 MatJek 的主题，将主题压缩包下载到本地。 ? 主题下载之后，我们需要把主题文件同步到我们的网站，也就是远程的 Github 仓库。..._config.yml 是 Jekyll 的全局配置文件。里面记录着网站的名字，网站的域名，网站的链接格式等等。 我对于原来的 MatJek 主题进行一些定制化需求，整合起来更像是一个博客网站。...最后我花费九牛二虎之力，翻阅 Jeklly 中文网站，找到一个伪 postid 的方案。
1.成果展示 我的github仓库 我的博客 2.概述 之前曾经在Github Pages上使用jekyll搭建过一个博客，也绑定了自己的域名，使用体验十分好，每次在本地编辑完，只需要执行git push...5.2域名 域名购买成功后，需要再域名购买商提供的网站控制台修改域名解析，将域名解析到你的服务器地址，同时，国内域名购买后需要备案， ? 登录阿里云网站后点击备案，按照教程一步步操作就好。...这里强烈建议大家购买后尽快进行备案 不备案网站是无法使用80端口的，即别人无法通过yuming.com方法你的博客，必须带上其他端口，如”yuming.com:8111”,这样明显是不科学的。...在启动Jekyll服务时，使用的命令： jekyll serve -H 0.0.0.0 -P 80 --detach 其中-P指定的就是启动时的端口，你可以修改为任意你服务器开放了的端口，如： jekyll...1.首先去域名购买网站的控制台，在解析记录中，添加你想使用的子域名,同样解析指向你的服务器，如： blog.yuming.com 2.在服务器上安装nginx。
云开发静态托管是云开发提供的静态网站托管的能力，静态资源（HTML、CSS、JavaScript、字体等）的分发由腾讯云对象存储 COS 和拥有多个边缘网点的腾讯云 CDN 提供支持 使用Jekyll搭建静态站点...它有一个模版目录，其中包含原始文本格式的文档，通过一个转换器（如 Markdown）和我们的 Liquid 渲染器转化成一个完整的可发布的静态网站，你可以发布在任何你喜爱的服务器上。...Jekyll 也可以运行在 GitHub Page 上，也就是说，你可以使用 GitHub 的服务来搭建你的项目页面、博客或者网站，而且是完全免费的。...我选择直接从Github下载我的博客相关的内容（对应地址为：https://github.com/bihe0832/bihe0832.github.io） 对于基于Jekyll的静态站点的目录结构，可以参考官网提供的...如果你有自己的域名，你也可以添加自己的域名解析，例如下面我修改为使用我自己的域名，并设置了自定义的索引页和404页面： Zkyx39SOCYgHimv.png 访问静态页面 在浏览器输入讯云提供的默认域名
Jekyll 是一个简单的博客形态的静态站点生产机器，通过它，我们可以搭建一个完整的可发布的静态博客网站。...云开发静态网站托管支持通过云开发SDK调用服务端资源如：云函数、云存储、云数据库等，从而将静态网站扩展为全栈网站。...创建完成后，点击进入我们刚刚创建的云环境，进入云环境管理界面： 在云环境管理界面，在右侧的网站托管中，我们可以将刚刚项目中生成好的静态页面给上传上去。.../_site -e EndId 这里的 EnvID 替换为刚创建好的环境ID。 腾讯云云开发的静态网站托管有默认域名可供访问： 通过默认域名，我们就能访问啦!...所以，建议在腾讯云云开发的静态网站托管中，部署我们的Jekyll博客站点。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
