首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

快速搭建个人博客

感谢Huxpro提供博客模板 博客 前言 从 Jekyll 到 GitHub Pages 中间踩了许多坑,终于把个人博客BY Blog搭建出来了。。。...若是出现 image.png 则需要 检查一下你仓库名是否正确 整个网站结构 修改Blog前我们来看看Jekyll 网站基础结构,当然我们网站比这个复杂。...sidebar-avatar:/img/avatar-by.JPG # 你个人头像 这里你可以改成在img文件夹中两张备用照片 img/avatar-m 或 avatar-g 社交账号...不信你用手机打开你博客试试~ 所以有必要对我们上传到博客网站图片:指的是你头像,首页背景图片,文章背景图片等。对于博客文章中插入图片,其实也可以压缩了再上传。...对博客中所有图片进行压缩: 看看压缩结果,最高一张压缩了78.7%,这简直是太可怕了!

1.9K21

利用 GitHub Pages 快速搭建个人博客前言快速开始写文章自定义域名进阶利用GithHub Desktop管理GitHub仓库修改个人介绍常见问题其他Star补充最后要说个事情

当然,还需要修改博客配置才能变成你博客。 若是出现 ? 则需要 检查一下你仓库名是否正确 整个网站结构 修改Blog前我们来看看Jekyll 网站基础结构,当然我们网站比这个复杂。...sidebar-avatar:/img/avatar-by.JPG # 你个人头像 这里你可以改成在img文件夹中两张备用照片 img/avatar-m 或 avatar-g 社交账号...图片压缩工具 ImageOptim 对于我们博客来说,图片越大,加载速度越慢。 不信你用手机打开你博客试试~ 所以有必要对我们上传到博客网站图片:指的是你头像,首页背景图片,文章背景图片等。...对于博客文章中插入图片,其实也可以压缩了再上传。 对博客中所有图片进行压缩: 看看压缩结果,最高一张压缩了78.7%,这简直是太可怕了! ?...ImageOptim压缩图片 好了,现在个人博客加载速度估计要起飞了~ 最后要说个事情 在博客中文章,你们可以保留,让更多需要帮助人看到,当然也可以删除。

4K110
您找到你想要的搜索结果了吗?
是的
没有找到

何为自己创建一个既时尚又好用博客网站

拥有一个自己博客网站是每一位有追求写作爱好者梦想。本文将向大家分享:如何为自己创建一个既时尚又好用博客网站。...下面是用于本文演示一个博客网站效果图,大家也可以访问https://crazycodeboy.github.io/ 来亲自检验效果。 预览图 在手机上运行效果 ? 在电脑上运行效果 ? ?...上面预览图中博客就是基于jekylldbyll主题风格网站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

1.8K70

在本地运行 fyne 官网

简介 要深入学习和理解一个框架,官方文档是必须要仔细阅读。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 一般会出现下面的错误: ?

6.1K30

Jekyll + Github Pages 搭建个人免费博客

方便之处在于支持多种文本标记语言: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

2K30

个人博客如何申请ICP备案

本篇文章记录整个备案过程,也了解一下网站备案相关知识。 ? 博客ICP备案号 ICP备案主要分为两大类:一是经营性备案,二是非经营性备案。后者相对较多,前者一般由于条件限制很多无法拿到审批。...备案资料 网站主体是个人,即个人网站。需要准备以下资料: 基本证件资料,姓名/证件号码/证件地址/联系方式等等 个人身份证件照片和手持证件照片, 自行拍照。需保证所持证件和人脸清晰、完整、无遮挡。...辅助资料,手持单位证件照片网站建设方案书等等 备案服务号 提交备案申请时,还需要一个备案服务号。备案服务号怎么获取呢?...关于博客搭建 博客是使用GitHub Page + Jekyll博客模板方式搭建,没什么技术含量,clone一个模板,然后修改为自己信息,再push一下就可以访问了: ?...博客主页 总的来说,自己搭建博客网站方式主要有以下几种: GitHub/Gitee Page + Jekyll/Hexo静态博客模板 GitHub Page + Gridea静态博客写作客户端 服务器

17.5K61

免费构建自己博客-Jekyll进阶

Jekyll 是采用Ruby语言实现将纯文本转换为静态博客网站利器,也是本站点关键技术。本文将对Jekyll进阶内容进行说明。...基本过程 Jekyll 是一个简单博客形态静态站点生产机器。...它有一个模版目录,其中包含原始文本格式文档,通过一个转换器( Markdown)和我们 Liquid 渲染器转化成一个完整可发布静态网站,你可以发布在任何你喜爱服务器上。...Jekyll 也可以运行在 GitHub Page 上,也就是说,你可以使用 GitHub 服务来搭建你项目页面、博客或者网站,而且是完全免费。...插件 Jekyll 插件可以扩展 Jekyll 原生没有的功能。 例如:自动生成RSS、生成TOC、生成SEO标记、压缩HTML等等功能,都可以通过插件来实现。

96600

前端开发工具总结

篇幅比较长,先给大家放一张脑图,看看自己兴趣在哪,或者说自己需要补充哪方面的,可以从右边导航栏查看,也可以直接打开工具网站查看,分级明显。前端工具集~ ?...jekyll:将纯文本转化为静态网站和博客。由于环境依赖问题,所以安装起来可能稍费劲那么一点。 hexo:快速、简洁且高效博客框架,照着文档分分钟就可以在本地跑起来。...,后续发现了jekyll比较好一个主题,所以换成了jekyll,大家可以参考一下。...开发工具 bootCDN - 各种开源库 cdn 地址,加快开源库访问速度 Awesomes.cn - 前端各种资源库,想用这里说不定都有 熊猫图片压缩 - 一个压缩图片网站,...Mac上有用工具太多了,而且Mac对于开发人员来说真的是非常友好,如果有条件的话,觉得开发还是用Mac爽,在这里就不给大家赘述Mac工具了,给大家推荐个网站,Mac软件基本都能下载到。

2.6K21

打造前端瑞士军刀,为你开发路上披荆斩棘

篇幅比较长,先给大家放一张脑图,看看自己兴趣在哪,或者说自己需要补充哪方面的,可以从右边导航栏查看,也可以直接打开工具网站查看,分级明显。前端工具集~ ?...jekyll:将纯文本转化为静态网站和博客。由于环境依赖问题,所以安装起来可能稍费劲那么一点。 hexo:快速、简洁且高效博客框架,照着文档分分钟就可以在本地跑起来。...,后续发现了jekyll比较好一个主题,所以换成了jekyll,大家可以参考一下。...开发工具 bootCDN - 各种开源库 cdn 地址,加快开源库访问速度 Awesomes.cn - 前端各种资源库,想用这里说不定都有 熊猫图片压缩 - 一个压缩图片网站,很牛,一次可以压缩...,如果有条件的话,觉得开发还是用Mac爽,在这里就不给大家赘述Mac工具了,给大家推荐个网站,Mac软件基本都能下载到。

1.2K11

在Windows上安装Jekyll

在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 一直以来在国内都非常难访问到,在本地你或许可以访问外国网站,当你要发布上线时候,

1.2K90

利用Github+Jeklly搭建个人博客网站

中讲到,可以利用 Github Pages 来搭建个人博客网站,本文主要讲解其中各种细节。 1.评估 Github Pages 方案 前面说到几种博客方案,都玩过,可以说是各有各特点与优势。...我们网站是寄托在 Github 网站上,Github 服务器节点是在美国,所以访问速度没有国内主机快。 以上是对于 Github Pages 方案理解。...找到一款名为 MatJek 主题,将主题压缩包下载到本地。 ? 主题下载之后,我们需要把主题文件同步到我们网站,也就是远程 Github 仓库。..._config.yml 是 Jekyll 全局配置文件。里面记录着网站名字,网站域名,网站链接格式等等。 对于原来 MatJek 主题进行一些定制化需求,整合起来更像是一个博客网站。...最后花费九牛二虎之力,翻阅 Jeklly 中文网站,找到一个伪 postid 方案。

1.1K20

【学习图片】14.网站生成器、框架和内容管理系统

更多开源作品请看 GitHub https://github.com/qq449245884/xiaozhi ,包含一线大厂面试完整考点、资料以及系列文章。...了解内容管理系统(CMS),WordPress和其他站点生成器如何使响应式图像使用更加容易。...这通常需要一个以上图像管理过程:一个开发层面的任务,用于建设和维护网站图像资产--背景、图标、标志等等;另一个任务是关于通过使用网站产生图像资产,编辑团队在帖子中嵌入照片,或用户上传头像。...静态站点生成器 与任务运行器相比,静态网站生成器(Jekyll或Eleventy)处理图像方式有一些相似之处。...与任务运行器不同,静态网站生成器可以直接了解这些库配置和使用情况,以及为生产网站生成标记--这意味着它可以做更多事情来自动化我们响应式图像标记。

87820

历时25天,博客(www.ityouknow.com)终于又活了过来

下图是它最初模样: 后面根据自己情况,做了一些定制,就成了现在样子: 刚开始接触 Jekyll 时候对它并不是很了解,Markdown 语法也只是停留在”听说过“这个阶段,...掌握了这个技能之后,写作利器就成了 Sublime text 3 + Markdown 组件 + Github + Jekyll。...博客托管到国外云主机之后,写作流程就变成了这样:每次写完博客在本机电脑打包成 Html,再压缩上传到云主机,登录到云主机上面将压缩包解压覆盖,然后完工。...另外想给网站加一些功能,比如QQ登录什么,都有一个前提条件必须有备案。恰好腾讯云那几天在做活动,就买了一个云主机,准备将博客从国外搬回到国内,没想到又掉进了另外一个坑。...在5月11号在腾讯云提交备案请求,因为需要填表、照相花费了大概一周时间,将所有的资料初审完成之后,腾讯云客服通知说,网站在备案期间必须关闭,不然有可能备案不通过。

1K31

博客生成静态站点工具 Top 20

你可以查看它 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+。

3.2K21

利用Github+Jeklly搭建个人博客网站

中讲到,可以利用 Github Pages 来搭建个人博客网站,本文主要讲解其中各种细节。 1.评估 Github Pages 方案 前面说到几种博客方案,都玩过,可以说是各有各特点与优势。...我们网站是寄托在 Github 网站上,Github 服务器节点是在美国,所以访问速度没有国内主机快。 以上是对于 Github Pages 方案理解。...找到一款名为 MatJek 主题,将主题压缩包下载到本地。 ? 主题下载之后,我们需要把主题文件同步到我们网站,也就是远程 Github 仓库。..._config.yml 是 Jekyll 全局配置文件。里面记录着网站名字,网站域名,网站链接格式等等。 对于原来 MatJek 主题进行一些定制化需求,整合起来更像是一个博客网站。...最后花费九牛二虎之力,翻阅 Jeklly 中文网站,找到一个伪 postid 方案。

94220

利用Github+Jeklly搭建个人博客网站

我们网站是寄托在 Github 网站上,Github 服务器节点是在美国,所以访问速度没有国内主机快。 以上是对于 Github Pages 方案理解。...3.Jekyll 主题选择 上文讲到选择默认主题,这里都是 Jekyll 主题。那什么是 Jeklly呢?它是一个简单静态站点生成器,能将纯文本(一般是 Markdown 文件)转化为静态页面。...找到一款名为 MatJek 主题,将主题压缩包下载到本地。 ? 主题下载之后,我们需要把主题文件同步到我们网站,也就是远程 Github 仓库。..._config.yml 是 Jekyll 全局配置文件。里面记录着网站名字,网站域名,网站链接格式等等。 对于原来 MatJek 主题进行一些定制化需求,整合起来更像是一个博客网站。...最后花费九牛二虎之力,翻阅 Jeklly 中文网站,找到一个伪 postid 方案。

1.4K20

使用jekyll搭建个人博客

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。

3.2K51

如何将 Jekyll 部署到云开发静态网站托管

云开发静态托管是云开发提供静态网站托管能力,静态资源(HTML、CSS、JavaScript、字体等)分发由腾讯云对象存储 COS 和拥有多个边缘网点腾讯云 CDN 提供支持 使用Jekyll搭建静态站点...它有一个模版目录,其中包含原始文本格式文档,通过一个转换器( Markdown)和我们 Liquid 渲染器转化成一个完整可发布静态网站,你可以发布在任何你喜爱服务器上。...Jekyll 也可以运行在 GitHub Page 上,也就是说,你可以使用 GitHub 服务来搭建你项目页面、博客或者网站,而且是完全免费。...选择直接从Github下载博客相关内容(对应地址为:https://github.com/bihe0832/bihe0832.github.io) 对于基于Jekyll静态站点目录结构,可以参考官网提供...如果你有自己域名,你也可以添加自己域名解析,例如下面修改为使用自己域名,并设置了自定义索引页和404页面: Zkyx39SOCYgHimv.png 访问静态页面 在浏览器输入讯云提供默认域名

3.5K105

技术人如何搭建自己技术博客

它有一个模版目录,其中包含原始文本格式文档,通过一个转换器( Markdown)和我们 Liquid 渲染器转化成一个完整可发布静态网站,你可以发布在任何你喜爱服务器上。...Jekyll 也可以运行在 GitHub Page 上,也就是说,你可以使用 GitHub 服务来搭建你项目页面、博客或者网站,而且是完全免费。...给大家分享一些 Jekyll 主题,这个网站下有很多 http://jekyllthemes.org/ 主题,大家可以根据自己爱好去选择博客主题。...博客最初使用是Yummy-Jekyll,但这个主题已经尽两年多都没有更新了。...就这样很麻烦步骤用了几个月后,实在是受不了了,一方面因为服务器在国外,有时候仍然不稳定(可能因为服务器安装了代理),另一方面需要使用一些功能,使用这些功能前提是网站需要备案,那段时间腾讯云在做活动

1.3K10
领券