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

如何在Ubuntu 16.04上建立一个Jekyll开发网站

没有服务器的同学可以在这里购买,不过我个人更推荐您使用免费的腾讯云开发者实验室进行试验,学会安装后再购买服务器。 完成此准备条件后,您就可以安装Jekyll及其依赖项了。...文件中添加两行,以指示Ruby的gem包管理器将gem放在用户的主文件夹中。...这避免了系统安装可能引起的复杂情况,同时还向用户的PATH添加了本地jekyll命令。...在添加新帖子和页面时,使用现有结构并遵循Jekyll的命名约定非常重要。 提示: tree是查看文件和目录结构的一个非常有用的命令。...如果您正在使用本地计算机,则可以在 没有主机设置的情况下运行jekyll serve并连接http://localhost:4000。

1.6K71

如何在Ubuntu 16.04上建立一个Jekyll开发网站

没有服务器的同学可以在这里购买,不过我个人更推荐您使用免费的腾讯云开发者实验室进行试验,学会安装后再购买服务器。 完成此准备条件后,您就可以安装Jekyll及其依赖项了。...文件中添加两行,以指示Ruby的gem包管理器将gem放在用户的主文件夹中。...这避免了系统安装可能引起的复杂情况,同时还向用户的PATH添加了本地jekyll命令。...在添加新帖子和页面时,使用现有结构并遵循Jekyll的命名约定非常重要。 提示: tree是查看文件和目录结构的一个非常有用的命令。...如果您正在使用本地计算机,则可以在 没有主机设置的情况下运行jekyll serve并连接http://localhost:4000。

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

    为带有多种语言的 Jekyll 博客添加多语言选择

    为带有多种语言的 Jekyll 博客添加多语言选择 发布于 2018-03-06 06:47 更新于 2018...-09-01 00:13 我有几篇博客是用多种语言编写的,一开始我是在每篇博客中添加其他语言的链接,但多语言博客多了之后就成了复制粘贴了。...现在,请选择一个阅读语言: English русский 繁體中文 简体中文 日本語 ไทย 不要惊讶:其实这里的每一种语言都指向了你正在阅读的简体中文?。...引入页面配置元数据 毕竟博客有多篇,终归要引入配置的。现在我们为这篇文章配置两种语言。(考虑到更通用的情况,我将一种语言定义为一种 version。)...制作布局文件 为了更加通用,我在 _include 文件夹中新建了 post-version-selector.html 的布局文件,然后在每一个需要引入语言选择器的地方加上 {% include post-version-selector.html

    1.6K10

    合并 Jekyll 多种类型的页面

    我希望独立于博客写一些其他的胡思乱想的随笔。为了避免影响到正常博客的列表,我决定采用自定义页面类型。...第一步:在 _config.yml 文件中添加自定义页面类型集合 collections: article: output: true 其中,article 是我为自定义类型取的名称。...第二步:添加自定义页面类型文件夹 需要在 Jekyll 项目根目录建立一个 _article 文件夹,此名称与第一步的类型名称一致,前面加下划线。...此后,在这个文件夹里放跟 _posts 文件夹中一样规则的文件用于写文章。...制作一个合并了博客和其他页面类型的页面列表 我希望在首页中混杂我的博客和胡思乱想,于是必须将两种不同类型的集合合并。

    73720

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

    关于jekyll其他一些命令的用法如下: $ jekyll build # => 当前文件夹中的内容将会生成到 ./_site 文件夹中。...$ jekyll build --destination # => 当前文件夹中的内容将会生成到目标文件夹中。...$ jekyll build --watch # => 当前文件夹中的内容将会生成到 ./_site 文件夹中, # 查看改变,并且自动再生成。...,值得注意的是io 后面还有一个圆点,切记。 注意,当添加@的记录的时候,很可能会提示冲突了,和MX那条冲突了,这里我就直接删除了MX的@规则。...五.给博客增加访客评论功能 一般静态博客添加访客评论功能都是用disqus来集成的。一般都是放在博客的一篇文章的最后,当然这个排版就看你自己怎么设计的了。我这里就贴一下我集成disqus的代码。

    30410

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

    关于jekyll其他一些命令的用法如下: $ jekyll build # => 当前文件夹中的内容将会生成到 ./_site 文件夹中。...$ jekyll build --destination # => 当前文件夹中的内容将会生成到目标文件夹中。...$ jekyll build --watch # => 当前文件夹中的内容将会生成到 ./_site 文件夹中, # 查看改变,并且自动再生成。...,值得注意的是io 后面还有一个圆点,切记。 ? 注意,当添加@的记录的时候,很可能会提示冲突了,和MX那条冲突了,这里我就直接删除了MX的@规则。...五.给博客增加访客评论功能 一般静态博客添加访客评论功能都是用disqus来集成的。一般都是放在博客的一篇文章的最后,当然这个排版就看你自己怎么设计的了。我这里就贴一下我集成disqus的代码。

    1.3K20

    1.使用jekyll搭建个人博客

    复制里面内容 登录github 点击头像 ->点击Settings 按钮 点击左侧 SSH and GPG keys 之后点击New SSH key 按钮 Title 随便填 Key 添加复制的内容.../www.jekyll.com.cn/ 有不懂的可以参考下 打开终端输入 gem install jekyll jekyll new my-site 终端输入 cd my-site/ jekyll...再打开 用户名.github.io 文件夹 删除index.html 把复制的文件粘贴用户名.github.io 文件夹 打开终端输入 cd 用户名.github.io git add –all...,如果没出现,就清除下浏览器缓存再试试 3.添加文章 所有文章默认都在_posts文件夹中 你要做的是点击 _posts文件夹 新建 YYYY-MM-DD-文章标题.markdown 其中...打开终端输入 jekyll serve 浏览器访问 http://127.0.0.1:4000/ 就会出现你添加的文章 4.把文章上传到github 打开终端 cd 用户名.github.io

    25120

    如何搭建免费博客

    进行gitDemo文件夹,添加一个html文件,index.html,添加如下内容: Hello github Pages!! 3....详细介绍参见jekyll官方文档。 jekyll安装 jekyll的安装可以参见 windows安装Jekyll linux和MacOS安装Jekyll jekyll使用 1....在_layout下创建一个default.html,作为一个网站的模板,添加如下内容(此处代码中的所有的{ {中间都有一个空格,为了不让jekyll去解析,拷贝的时候请注意):    的网页,我们需要做的是遍历_post文件夹中的所有文章,然后展现出来,添加简单的代码如下:  ---   layout: default   title:...自由转载-非商用-非衍生-保持署名,请遵循:创意共享3.0许可证 交流请加群113249828: 点击加群  或发我邮件 laofu_online@163.com

    1.1K40

    Ruby x Jekyll 本地调试环境搭建

    的时候这个问题困扰了我好久 大多数问题都是升级引发的问题 一旦我把对应的 Proj 进行 jekyll build 的时候就报错 D:\Tools_For_Work\Projs\Github Blog...issues/13 https://github.com/jekyll/jekyll/issues/4116 原因是我拿 V2.X 的 Proj 并且用 V3.0 的 Jekyll 来 Build 了,...并且对应的这个 post 文件夹也变了,因此处理方式就是干脆把所有所有转移到 3.0 的新 Proj 算了 所以只需要使用 Jekyll 建立一个新的 Proj jekyll new MyBlog 就会在当前目录建立一个...MyBlog 的文件夹,并且里面已经有主要文件了 这个可恶的问题在 StackOverFlow 找了好久,最终还是官方的 Help Doc 比较全面 jekyll 3.0.0 | Error: Included...然后jekyll s开启 server,然后使用 http://localhost:4000/访问 2015-11-15 Updated 添加分页效果的时候遇到问题 提示说没有安装对应 module

    1.3K10

    玩转Github:使用GitHub Pages打造你的专属技术博客

    还有,习惯本地软件写文章,最好能不花钱卖服务器……在网上苦苦追寻,最后还真让我找到了。技术简介我相信作为技术人,最大交友网站github(gitee也可以)都是知道的。...然后使用gem安装jekyll(gem 是ruby的包管理工具,在下载其他包之前,最好替换成国内源)gem install jekyll找到一个空文件夹,然后在此处打开cmd/powershellRunning...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...当然如果你已经有了自己的服务器,域名等资源,也可以根据规则来指定,还可以自己添加后台服务。快来上手做一个免费技术博客吧!

    47700

    手把手教你用vuepress搭建自己的网站(1)

    记录就像是复盘,迭代自己,不断试错,反馈....,以及现在的vuepress,而不久前尤大又多了个兄弟vitePress,它们都是一种静态网站生成器,各有特点,没有好坏,都有自己适宜的应用场景 技术永远都是在不断更新迭代,越来越进步 简单做一下对比...,速度很是极具考验 后端基于 Ruby 语言 我早期的博客就是用 jekyll 搭建的,但是后来因为管理确实麻烦,就没打理了的Jekyll 官方文档 http://jekyllcn.com/ Hexo...,网站风格不在千篇一律 支持 PWA(自动生成 Service Worker),像 app 应用一样添加到手机桌面上 集成了 Google Analytics 集成,也支持百度统计 基于 git 的最后上传更新时间....md类型的文章以及.vuepress相关的配置,这个文件夹的名字你可以任意,与你启动项目和构建项目时的配置保持一致就可以了的 mkdir docs 进入docs文件夹中使用mkdir命令创建.vuepress

    1.3K20

    使用jekyll搭建个人博客

    1.成果展示 我的github仓库 我的博客 2.概述 之前曾经在Github Pages上使用jekyll搭建过一个博客,也绑定了自己的域名,使用体验十分好,每次在本地编辑完,只需要执行git push...7.初步完成 至此,我们已经已经拥有了一个博客,实现了基本功能如: 编写博客,在本地建立md文件,按照markdown语法写完博客,发送至服务器上blog下的_posts文件夹下,重启jekyll服务即可...注意:这个方法是个人总结出的比较方便的方法,但是需要用户自己保证不在服务器端的工作区进行文件的改动及commit操作,否则极其容易造成工作区混乱,如果很喜欢在服务器上写,可以建立裸仓库用来保存,在其他文件夹建立本地仓库...使用--watch参数启动服务,Jekyll可以自动监听_posts文件夹下的变化以用于更新展示内容,但是在Jekyll里面有个问题,当你执行以下语句: jekyll serve --watch --detach...,然后添加git钩子,在每一次的push后,服务器自动拉取最新代码,同时Jekyll监听到变化自动重新展示,就实现了: 本地编辑,git提交并push到服务器,就完成了博客的更新 备份 搞完上一步,这一步骤就简单了

    3.3K51

    使用github+jekyll搭建个人博客

    具体的ruby可以到官网上去下载,不过毕竟是国外网站,如果没有好的访问外国网站工具还是比较慢的。这里我已经准备好了,点ruby和DevKit下载。点击exe文件进行自定义目录安装。...看到更新之后的源被替换成了http://gems.ruby-china.org/,没错,就是http,我试了用https一直是不成功的。...记录一下,本人并没有安装3.0.0以前的版本,这是在网上看到的: 这里稍微强调一下,这个版本和之前的2.x. x版本有些许不一样,可能在后面_config.yml的写法上可能有差异,不过没关系,这并不影响我继续前进..._posts : 你的动态内容,一般来说就是你的博客正文存放的文件夹。...// 初始化git仓库 git add . // 添加文件夹中的所有内容到本地仓库

    91460

    Hexo系列(4) - NexT主题踩坑记录

    但是这里有个问题,如果将Hexo博客重新部署一遍后,Github仓库里的这个CNAME文件就会消失掉,又需要重新配置一遍。...Hexo在执行命令时是不会删除掉source目录下的文件的,我们可以在该目录下随意增加其他文件或者文件夹,建议在该目录下添加子文件夹,然后在子文件夹里添加文件,这样便于文件分档归类。...接着根据Coding Pages的报错来看,则是说/usr/src/app/_config.yml里找不到jekyll的主题。 这就很奇怪了,我使用的明明是hexo,怎么忽然就变成jekyll了?...发现线索 我打开public文件夹,发现生成出来的文件很正常,接着打开.deploy_git文件夹,发现也很正常,接着查看远程库里的文件,终于发现了问题。...解决方法 基于以上的猜想,我直接删掉了本地博客项目的.deploy_git文件夹,重新执行命令: 1 2 hexo cl hexo g -d 等待片刻后,我终于看到远程部署成功,我的个人站点再次运转成功

    1.7K30
    领券