首页
学习
活动
专区
工具
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.3K20

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 挂了,也彻底让我的博客又得花钱维护了。

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

    如何快速给自己构建一个温馨的"家"——用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.

    30310

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

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

    1.9K40

    如何将 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.6K105

    使用 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.2K31

    使用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.3K51

    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内存听起来不多,但是对于我这个穷人来说,太重要了.我的乞丐版阿里云服务器已经撑不住了,刚升了级.能省还是省一下啊,都是钱.

    85610

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

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

    1.4K10

    使用Jekyll显示Jupyter笔记本

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

    3.9K20

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

    仓库空间不大于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 目录下;然后将域名指向虚拟机。

    95330

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

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

    3.3K20

    Jekyll 搭建静态博客

    content {:toc} 一直以来都想搭建一个自己的博客,但是近半年做项目太忙,再加上教研室的网络很坑爹,所以也一直没顾得上。之前用过 WordPress 托管在免费的京东云擎上,但是速度太慢。...在知乎上看到一些相关的内容,于是选择了在github上用jekyll搭建博客。...注意,在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 是一个快速的高效的定时器解决方案库,详情可以去官网查看。

    46610

    使用github+jekyll搭建个人博客

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

    91460

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

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

    8.6K31
    领券