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

如何快速给自己构建一个温馨家——用Jekyll搭建静态博客

serve -B cd username.github.com jekyll serve -B复制代码 注意,启动前确保其他目录下没有jekyll服务,可以ps aux|grep jekyll...现在我们打开http://localhost:4000,即可看见我们在Github创建主页,理论和username.com/username.gi… 访问应该是一模一样。...,因为这个是Github Pages规定,如果选择了其他模式,会立即收到编译警告邮件提醒。...highlighter: rouge markdown: kramdown复制代码 等待大概1-2分钟之后,再次刷新username.github.io,就能看到我们blog了。...添加两条记录,@和www主机记录,记录类型CNAME类型,CNAME表示别名记录,该记录可以将多个名字映射到同一台计算机。 记录值请写username.github.io.

1.2K20

2020年3月27日,Github被攻击。我GitPage博客也挂了,紧急修复之路

Github 竟然受到攻击了!还能让我使用了 GitPage 博客瘫痪了! [17120b1af35d21c1?...有时候安装完了和自己不博客版本对不上,而导致报错不能编译。目前经过测试此版本Ruby+Devkit 2.5.7-1 (x64)比较适合 Jekyll 博客编译部署。...当你顺利安装到此后,你软件就已经安装完成,可以使用了! 五、安装Jekyll Ruby 软件已经安装完成,接下来就是我们博客相关内容安装了。...new myblog 初始化默认博客 10 bundle install 进入博客文件夹执行初始化 11 jekyll build 本地编译默认所有链接http://localhost 13 jekyll...pid 杀死进程 十一、总结 通过这次 GitHub 挂了,也彻底让我博客又得花钱维护了。

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

如何快速给自己构建一个温馨"家"——用Jekyll搭建静态博客

三.使用Github Pages服务 1.创建我们自己仓库 以下用usename代替自己用户名 2.配置我们仓库 在Settings里面找到Github Pages 选择Launch automatic...serve -B cd username.github.com jekyll serve -B 注意,启动前确保其他目录下没有jekyll服务,可以ps aux|grep jekyll 查看进程...现在我们打开http://localhost:4000,即可看见我们在Github创建主页,理论和username.com/username.gi… 访问应该是一模一样。...,因为这个是Github Pages规定,如果选择了其他模式,会立即收到编译警告邮件提醒。...添加两条记录,@和www主机记录,记录类型CNAME类型,CNAME表示别名记录,该记录可以将多个名字映射到同一台计算机。 记录值请写username.github.io.

22010

个人免费博客花式搭建指南

Github 指定项目发生了推送操作时,Netlify 会通过授权认证方式从 Github 拉取代码,并根据预设好编译、部署命令生成最终网页。...根据笔者尝试,Cloudflare Pages 和 Netlify 编译配置几乎一模一样,两者也同样每一次成功编译结果提供独立预览域名,并将最新编译生成结果自动设置为主域名对应内容。...也就是说,如果你想使用某个 Jekyll 主题,唯一方式就是克隆这个 Jekyll 主题项目,并在此基础开始你博客。...,前面标点符号后空一格开始英文单词; 英文与中文标点符号一起时,标点符号在英文或符号之前之后都无须空格; 在代码内容中,# 号与文字之间空一格,# 号与代码同行时距离不宜过长,如相邻几行都有注释对齐佳...# 安装 Ruby 和最新版 Gem # 安装 bundle gem install bundle # 在代码主目录安装主题所需 Jekyll 插件 bundle install # 启动实时在线预览

1.7K40

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

Jekyll 也可以运行在 GitHub Page ,也就是说,你可以使用 GitHub 服务来搭建你项目页面、博客或者网站,而且是完全免费。.../quickstart/ 」可以快速基于Jekyll完成站点搭建。...我选择直接从Github下载我博客相关内容(对应地址:https://github.com/bihe0832/bihe0832.github.io) 对于基于Jekyll静态站点目录结构,可以参考官网提供...「目录结构http://jekyllcn.com/docs/structure/」,下面个人博客目录结构简单介绍: . ├── 404.html :404页面 ├── CNAME :Github...一般需要 1 分钟左右,当初始化结束,点击对应 tab 就进入了 环境总览界面,可以看到具体资源等信息。

3.5K105

使用 jsDelivr 免费加速 GitHub Pages 博客静态资源(二)

1 点在页面仍然托管在 GitHub Pages 前提下,似乎没有什么好办法能产生质飞跃;本篇主要改善了第 2 点和第 3 点。...Jekyll layout 可以理解页面模板,它是可以继承,比如我博客所有页面模板有一个共同祖先模板 _layouts/default.html,模板里可以使用 Liquid 语法对内容进行处理...那我们就想办法: 将博客源码编译; 将编译结果保存到另一个分支; 通过 jsDelivr 引用新分支这个文件。...这些步骤可以通过 GitHub 去年推出新特性 Actions 来完成,在我们每一次向博客源码仓库 push 代码时自动触发。...,Value 填第 1 步里复制 token 值; 在博客源码根目录下新建文件 .github/workflows/ci.yml,内容如下: 大意就是在向 master 分支 push 代码时,自动执行

1.1K00

使用 jsDelivr 免费加速 GitHub Pages 博客静态资源(二)

Jekyll layout 可以理解页面模板,它是可以继承,比如我博客所有页面模板有一个共同祖先模板 _layouts/default.html,模板里可以使用 Liquid 语法对内容进行处理...编译后长这样: https://mazhuang.org/assets/search_data.json 这样资源是没有办法直接通过替换网址来用 jsDelivr 加速,因为 jsDelivr 缓存编译文件...那我们就想办法: 将博客源码编译; 将编译结果保存到另一个分支; 通过 jsDelivr 引用新分支这个文件。...这些步骤可以通过 GitHub 去年推出新特性 Actions 来完成,在我们每一次向博客源码仓库 push 代码时自动触发。...,自动执行 checkout、初始化 ruby 环境、安装 Jekyll编译博客源码工作,最后将编译生成 _site 目录里内容推送到 built 分支。

1.1K31

使用jekyll搭建个人博客

1.成果展示 我github仓库 我博客 2.概述 之前曾经在Github Pages使用jekyll搭建过一个博客,也绑定了自己域名,使用体验十分好,每次在本地编辑完,只需要执行git push...阿里云初审比较快,基本提示1-3天内回复,都是1天内就给出结果,而提交管局审批后,阿里云提示预估时间17天,我生生等了13天才通过。。。...最好有一点git基础知识 这里就要用到git了,git不就可以把日常写代码,文件等等推送到远程吗?而且我们刚才建立博客时候,是克隆github仓库呀。...,然后添加git钩子,在每一次push后,服务器自动拉取最新代码,同时Jekyll监听到变化自动重新展示,就实现了: 本地编辑,git提交并push到服务器,就完成了博客更新 备份 搞完一步,这一步骤就简单了...Gitment基于Github Issues开发,每一篇文章建立一个Issue,后续评论作为Issue回复存储在github

3.2K51

Jekyll监听文件变化问题解决

后来我使用了半年方式是: setsid jekyll serve --host 0 --watch --force_polling &>/dev/null </dev/null & 这个我工作了半年...第一种方案: 以--watch参数运行jekyll服务,然后再服务器安装tmux,这样就可以变相实现后台运行. 有点蠢. 第二种方案: 放弃jekyll服务,仅使用它编译功能....主要思路是: 客户端push到服务器,触发git钩子. 钩子里面执行jekyll build -s -d.将文件编译到某个目录. 在nginx启动监听,将自己想要子域名监听到对应文件夹上....这样实现了: 脱离终端,不用我一直jekyll开启一个终端. 监听变化,当我写完博客,push到服务器,剩余事情由服务器自动完成....节省了一直运行在服务器jekyll进程,这个进程占用内存160M. 160m内存听起来不多,但是对于我这个穷人来说,太重要了.我乞丐版阿里云服务器已经撑不住了,刚升了级.能省还是省一下啊,都是钱.

83110

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

仓库空间不大于1G 每个月流量不超过100G 每小时更新不超过 10 次 Github Pages 使用 Jekyll 来构建内容,那么 Jekyll 是什么呢?...构建一个技术博客很简单,基本步骤就是网上找一个自己喜欢主题,直接 Fork 到自己 Github ,然后在删掉原博客中内容,在上传自己文章即可,以我自己博客例。...使用这个主题原因是,我比较喜欢简洁大气风格,并且此博客主题对代码展示支持良好。 快速构建一个博客 以我博客例,介绍如何最快搭建一个博客。这也是我博客经历第一个阶段。...1、首先打开地址https://github.com/ityouknow/ityouknow.github.io,点击 Fork 按钮将代码复制一份到自己仓库。 ?...首先我在本机(win10)安装了 Jekyll 环境,将 Github 博客代码下载下来之后,在本机编译成静态 Html ,然后手动上传到服务 Nginx 目录下;然后将域名指向虚拟机。

1.3K10

使用Jekyll显示Jupyter笔记本

Jekyll是一个用Ruby编写静态站点生成器,支持博客并与Github页面整合。因为Github只负责托管,这种设置使数据分析共享和可视化变得简单。...Jekyll提供了各种主题和插件,因此用户无需担心Web开发。 本指南将指导您完成安装Jekyll过程,并将其配置从Jupyter笔记本显示多种输出类型。...配置Jupyter笔记本 如果您系统尚未安装带有JupyterAnaconda,本节将指导您完成设置笔记本过程,该笔记本将提供模板输出,然后可以将其导出到您Jekyll博客。...笔记本: jupyter notebook 将Jupyter笔记本导出Markdown 本节演示了Jupyter笔记本一些常见功能,可以在Jekyll博客显示HTML。...Iris数据集将用作生成本指南中输出示例。 1.打开感兴趣笔记本,或使用下面的代码创建示例笔记本。运行所有相关单元格,以便在页面上显示你想要在Jekyll博客显示内容。

3.9K20

个人免费博客花式搭建指南 FTP 篇

如下图所示填写流水线名称、选中在代码发生 PUSH 操作时触发流水线、操作分支设置 master 单分支,点击下面按钮完成创建。...添加 Jekyll 编译动作   如下图所示,点击 Add an action 按钮,选中 Jekyll。   无须作任何修改,点击右下角 Add this action 按钮即可完成添加。...从下图可以看到环境准备和 Jekyll 编译动作正在执行。   等待两分钟左右,可以看到 FTP 部署动作成功完成。 评价   FTP 虽然已经慢慢成为了一个古老东西,但一直都不过时。...从手动部署和自动部署对比来看,虽然手动部署需要页面生成和拖拽上传这两步,自动部署则只需要将代码上传到 Github,但是所花时间也不会相差太大。...有了自动部署好处就是,可以更加专注于博客内容本身,即使是在不常用机器编写再推送到 Github,也不需要担心本地没有环境编译 Jekyll 以及用 FTP 客户端配置 FTP 信息和上传静态页面。

3.3K20

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

仓库空间不大于1G 每个月流量不超过100G 每小时更新不超过 10 次 Github Pages 使用 Jekyll 来构建内容,那么 Jekyll 是什么呢?...构建一个技术博客很简单,基本步骤就是网上找一个自己喜欢主题,直接 Fork 到自己 Github ,然后在删掉原博客中内容,在上传自己文章即可,以我自己博客例。...1、首先打开地址https://github.com/ityouknow/ityouknow.github.io,点击 Fork 按钮将代码复制一份到自己仓库。...剩下事情就是去项目的 _posts 目录下删除掉我文章,然后按照 Jekyll 语法就写自己文章就好了。 github_username github id。...首先我在本机(win10)安装了 Jekyll 环境,将 Github 博客代码下载下来之后,在本机编译成静态 Html ,然后手动上传到服务 Nginx 目录下;然后将域名指向虚拟机。

92530

Jekyll 搭建静态博客

content {:toc} 一直以来都想搭建一个自己博客,但是近半年做项目太忙,再加上教研室网络很坑爹,所以也一直没顾得上。之前用过 WordPress 托管在免费京东云擎,但是速度太慢。...在知乎看到一些相关内容,于是选择了在githubjekyll搭建博客。...注意,在github上面好像不支持rouge,所以要push到github时,我将配置文件_config.yml中代码高亮改变为highlighter: pygments就可以了 博客默认是没有评论系统...代码如下: gem uni hitimes **Remove ALL versions** gem ins hitimes -v 1.2.1 --platform ruby 然后将自动重新编译 hitimes...seconds 1 gem installed 关于,hitimes 是一个快速高效定时器解决方案库,详情可以去官网查看。

44110

使用github+jekyll搭建个人博客

但是一直不知道如何下手,从最初csdn写写博客到在github建立仓库写代码分享,虽然也能够记录一些事情,但是总感觉缺少点什么——对,就是像是这东西并不是自己。...搭建博客有两种安装过程:1.使用jekyll搭建;2.从jekyll模板中找到一个自己喜欢,fork进自己博客,然后修改_config.yml文件,下面分别来讲讲两种方式搭建。...安装完成之后,确保ruby环境已经配置到了系统变量中。比如我DevKit安装目录是:D:\develop\DevKit。...// 1.查看所有的端口使用情况,显示PID netstat -ano // 2.找到端口被占用PID,比如PID14325 tasklist /svc /FI "PID eq 14325" //...进入主页,然后fork至自己仓库下 进入自己github主页,找到刚才那个仓库,然后点击settings,更改名称,格式账户名.github.io,例如我就叫Rynxiao.github.io

87360

个人免费博客花式搭建指南 Netlify 篇

从维基百科可以很容易找到以上答案。Netlify 所提供服务既有免费,也有收费,一般来说免费服务对于部署 Jekyll 博客就已经绰绰有余了。...Netlify 与 Github 联系非常紧密,拥有 Github 账户就可以直接登录 Netlify,Netlify 需要从 Github 拉取代码编译、生成、部署静态站点。...Netlify每月免费套餐包含了 100GB 免费流量、300 分钟编译时长,1 个同时编译队列。...选择项目   在搜索框中搜索想要部署项目,比如 zhonger/zhonger.github.io,并点击右侧箭头选中完成创建。...默认 Jekyll 设置如下所示: 查看编译日志(可选)   关于编译过程可以在 Deploys 里面查看所有的日志,并且可以预览每一次编译结果。

5.7K31
领券