展开

关键词

使用Jekyll显示Jupyter笔记本

在你开始之前 熟悉我们入门指南并完成Linode主机名和时区设置步骤。 本指南尽可能使用sudo。完成“ 保护您服务器”相应部分以创建标准用户帐户。 config=TeX-AMS-MML\\\_HTMLorMML" type="text/javascript"></script> 2.默认Jekyll minima主题包含与gem一起打包_layouts 通过以下方式导航到此目录: cd $(bundle show minima) 目录树包含用于集成Disqus和Google Analytics其他HTML文件。 注意默认主题作为gem安装。 如果项目根目录中有另一个_layouts或_includes文件夹,那些HTML文件将覆盖该主题。 3.在minima主题_includes目录中,创建一个新scripts.html文件。

33320

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

//使用gem安装Jekyll gem install jekyll //使用Jekyll创建你博客站点 jekyll new blog #创建你站点 //开启Jekyll服务 //进入blog 目录,记得一定要进入创建目录,否则服务无法开启 cd blog jekyll serve #启动你http服务复制代码 本地服务开启后,Jekyll服务默认端口是4000 这里就需要自定义主题了。你可以选择自己开发一套,也可以直接选择已有的,然后自己再更改css布局形成自己jekyll主题在这里,你可以选择到你自己喜欢主题。 下载下来,改改css,或者借用一下,就会有很漂亮blog就出炉了。 三.使用Github Pages服务 1.创建我们自己仓库 以下用usename代替自己用户名 ? 2.配置我们仓库 ? 接下来我们要做就是把我们Jekyll生成blog部署到Github Pages上去即可 3.部署blog 我们先把刚刚新建仓库git clone到本地,然后cd 到仓库目录下,执行jekyll

57220
  • 广告
    关闭

    腾讯云即时通信IM,新客首月99.9元

    腾讯云即时通信,1分钟跑通DEMO,结合开源 UI 库,快速搭建IM 应用,全球多点覆盖

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

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

    上面预览图中博客就是基于jekylldbyll主题风格网站。jekyll是一个简单免费Blog生成工具,而dbyll就是基于jekyll一款开源主题项目。 dbyll简介 dbyll是一款即时尚又简约开源jekyll博客主题。 第一步: 安装ruby 上文已经提到dbyll是基于jekyll一款博客主题,又因为jekyll是Ruby项目,所以我们要运行dbyll首先需要先安装ruby,已经安装可以跳过此步骤。 默认情况发表文章会在首页进行显示,如果发现首页父不显示发表文章,可以编辑你index.html文件: 将for post in site.posts 改为for post in paginator.posts Pages上使用dbyll为例,来向大家演示dbyll使用

    63170

    在 Linux 上搭建Jekyll静态博客

    在CentOS,Ubuntu 按照同样步骤安装,Ruby Gems 往往都无法搭建成,每次都是依赖不对,各种奇葩原因,解决办法就是使用 RVM 安装,解决 Ruby 环境依赖管理,而且每次安装Jekyll 但是可以配合第三方服务,例如Disqus。最关键jekyll可以免费部署在Github上,而且可以绑定自己域名。 搭建Jekyll博客,需要找一套主题模板,这里可以参考:https://www.zhihu.com/question/20223939 ,以下以 mzlogin.github.io 主题为例 1、安装 评论模块: 目前支持 disqus、gitment 和 gitalk,选用其中一种就可以了,推荐使用 gitalk。 注意: 如果使用 disqus,因为 disqus 处理用户名与域名白名单策略存在缺陷,请一定将 disqus.username 修改成你自己,否则请将该字段留空。

    1.3K80

    快速搭建个人博客

    快速开始 从注册一个Github账号开始 我采用搭建博客方式是使用 GitHub Pages + jekyll 方式。 若是出现 image.png 则需要 检查一下你仓库名是否正确 整个网站结构 修改Blog前我们来看看Jekyll 网站基础结构,当然我们网站比这个复杂。 settings(https://disqus.com/) disqus_username: qiubaiying 很对人反映 Disqus 评论插件加载不出来,因为 Disqus 在国内加载缓慢,所以我新集成了 不能选择中文域名,比如 张三.top ,GitHub Pages 无法处理中文域名,会导致你域名在你主页上使用。 $ bundle install ~/my-awesome-site $ bundle exec jekyll serve # => 打开浏览器 http://localhost:4000 这段命令创建了一个默认

    11921

    Jekyll设置友言为社会化评论组件

    Jekyll默认社会化评论组件是disqus,第三方SNS是facebook,twitter等,不方便大陆用户使用,发现国内也有类似的社会化评论组件,比如友言等,经比较发现友言更简单易用。 替换整个过程很简单,分为两大步: 首先要注册一个友言账户,点击获取代码,就能获得一段和你用户相关js代码。类似下面这样: <! -- UY END --> 然后要切换到本地来,由于Jekyll评论组件是插件式,很方便修改,分为下面2个步骤 修改_config.yml文件中comments:下provider:值为custom (默认disqus) 在_includes目录下新建一个目录custom,在custom目录下新建一个文件comments,文件内容就是上面从友言获得那段代码。 值为custom时,就加载custom/comments文件,那么其实site.JB.comments.provider值就是刚才在_config.yml中设置那个provider,这样就能说通了

    13340

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

    快速开始 从注册一个Github账号开始 我采用搭建博客方式是使用 GitHub Pages + jekyll 方式。 Disqus Account 这个 Username 就是我们 _config.yml 中 disqus_username # Disqus settings(https://disqus.com/) disqus_username: qiubaiying 很对人反映 Disqus 评论插件加载不出来,因为 Disqus 在国内加载缓慢,所以我新集成了 Gitalk 评论插件(感谢@FeDemo推荐 张三.top ,GitHub Pages 无法处理中文域名,会导致你域名在你主页上使用。 图片压缩工具 ImageOptim 对于我们博客来说,图片越大,加载速度越慢。 不信你用手机打开你博客试试~ 所以有必要对我们上传到博客网站中图片:指的是你头像,首页背景图片,文章背景图片等。

    2.3K110

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

    Jekyll非常适合需要离线工作的人,更喜欢使用轻量级编辑器进行内容维护Web表单,并希望使用版本控制来跟踪其网站更改。 要激活导出,请运行以下命令: source ~/.bashrc 完成之后,我们使用gem安装Jekyll本身以及管理Gem依赖项Bundler: gem install jekyll bundler 由于在这种情况下只允许SSH流量,我们需要打开端口4000,这是Jekyll开发服务器默认端口: sudo ufw allow 4000 让我们仔细检查一下状态: sudo ufw status 现在我们防火墙规则如下 第三步 - 创建新开发站点 从我们主目录,我们使用Jekyllnew命令为子目录www中站点创建脚手架: cd ~ jekyll new www 该jekyll new命令启动bundle install 以安装所需依赖项,并自动安装名为Minima主题

    54771

    如何使用Jekyll+GitHub Pages搭建个人博客站点

    ,51cto,开源中国,博客园,简书,等等 (4)使用个人站点+微信公众号 (一)Jekyll是什么 jekyll是一个静态博客生成器,它可以用来把我们使用markdown来写好文章给转换成静态网页 (二)Github Pages是什么 Github Pages 是面向用户、组织和项目开放公共静态页面搭建托管服务,站点可以被免费托管在 Github 上,你可以选择使用 Github Pages 默认提供域名 jekyll-gist ` 上面对软件安装完毕后,你就可以在github上搜索一个基于jekyll模版对项目,当然你可以从网上搜索任何你喜欢主题风格,找到之后使用git clone到自己本地: git 至此,一个属于我们自己独立个人站点就完成了,使用jekyll+github pages优缺点如下,借用阮一峰老师总结: 优点: * 免费,无限流量。    * 它生成是静态网页,添加动态功能必须使用外部服务,比如评论功能就只能用disqus。   * 它不适合大型网站,因为没有用到数据库,每运行一次都必须遍历全部文本文件,网站越大,生成时间越长。

    59870

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

    Jekyll非常适合需要离线工作的人,更喜欢使用轻量级编辑器进行内容维护Web表单,并希望使用版本控制来跟踪其网站更改。 要激活导出,请运行以下命令: source ~/.bashrc 完成之后,我们使用gem安装Jekyll本身以及管理Gem依赖项Bundler: gem install jekyll bundler 由于在这种情况下只允许SSH流量,我们需要打开端口4000,这是Jekyll开发服务器默认端口: sudo ufw allow 4000 让我们仔细检查一下状态: sudo ufw status 现在我们防火墙规则如下 第三步 - 创建新开发站点 从我们主目录,我们使用Jekyllnew命令为子目录www中站点创建脚手架: cd ~ jekyll new www 该jekyll new命令启动bundle install 以安装所需依赖项,并自动安装名为Minima主题

    33631

    Blog切换到Hugo

    Jekyll不在考虑之列,因为我对ruby不熟并且没有兴趣。以前玩过Jekyll,感觉还是太折腾了。特别是国内还得换源什么。 比如你可以用sass或者less来写css,然后也可以不用默认模板引擎ejs,很多人主题用jade。甚至可以换掉Markdown引擎,增加更多Markdown功能进去。 所以复刻了两个系统主题: hexo-theme-distinctionpp hugo-theme-distinctionpp 两个主题功能和内容基本是保持一致,除了有些无法实现功能。 然后在原有的主题上有做了更进一步地精简,裁剪加载文件大小和把一些图片换成纯CSS3实现,再就是微调一些样式。 最终还是回归disqus。无奈这货在国内被墙。唉,反正上我blog还会回复应该都是程序员了吧?程序员访问外国网站不是难事吧?所以不管了先还是disqus吧。

    87110

    分享一款值得分享写作工具

    俗话说好:工欲善其事,必先利其器。作为技术工匠来说,不仅仅需要好开发工具,好开发工具可以提高我们工作效率,但是我们还需要更好写作和总结工具才行,这样有利于提高我们技术,学习和总结能力。 支持即时预览并提供 6 种预览主题,其中二种和静态博客主题相对应,也就是说您在写博客时可以即时预览大概效果!所有主题效果都支持导出为 HTML、PDF。 外部模式引入 Octpress、Jekyll 等静态博客文件夹后也支持拖放或粘贴插入图片和实时预览,详细请参考:引入文件夹到 MWeb 中管理,支持 Octpress、Jekyll 等静态博客拖拽插入图片和实时预览 更详细信息请看:MWeb 文档库模式详细说明 文档库模式用于静态博客生成 一键把分类生成静态博客,目前可选二个主题,支持自定主题。只要填入 Disqus、多说提供代码即可以为博客增加评论功能。 功能强大,当然是收费,不过你不用太担心,在AppStore里MWeb lite是免费,和MWeb功能点差不多,可能没有MWeb功能这么强大,但是足够我们使用了。

    49360

    如何在Windows平台上基于github搭建个人博客平台

    选择自己喜欢主题 用户也可以自行选择其他主题,在jekyll主题官网 上有很多开源主题,可以选择自己喜欢,也可以自行搜索jekyll主题,网上有不少开源主题,选择自己喜欢即可。 3. 基于ruby本地编写和调试博客内容 Ruby下载地址,安装过程详细教程可参考Win10安装jekyll和ruby环境。Ruby下载完成以后直接双击安装,除了安装路径,其他一路默认选项就行。 ,而不用不断重启和加载网页。 -P 5555参数是指定端口号为5555,Jekyll默认端口号是4000,会与福昕阅读器端口号冲突(如果你电脑安装了福昕阅读器),所以还是指定端口号最佳。 出现这个问题是提示端口号被占用,因为Jekyll默认端口号是4000,可能与其他软件冲突(例如福昕阅读器)。

    36050

    如何拥有一个免费空间来写博客(github)

    他希望看到是,一个简明易懂网页,说明每一步应该怎么做。因此,github就设计了Pages功能,允许用户自定义项目首页,用来替代默认源码列表。 它缺点是:   * 有一定技术门槛,你必须要懂一点git和网页开发。   * 它生成是静态网页,添加动态功能必须使用外部服务,比如评论功能就只能用disqus。    我们假定,它名称为jekyll_demo。   $ mkdir jekyll_demo 对该目录进行git初始化。    在项目根目录下,建立一个名为_config.yml文本文件。它是jekyll设置文件,我们在里面填入如下内容,其他设置都可以用默认选项,具体解释参见官方网页。    layout:default”,表示该文章模板使用_layouts目录下default.html文件;”title: 你好,世界”,表示该文章标题是”你好,世界”,如果不设置这个值,默认使用嵌入文件名标题

    1.7K20

    Allens Blogs 创建历程(1)

    受此影响,大部分系统文件即使在 root 用户下也无法直接进行修改,所以需要把安装路径替换为用户有写入权限目录。 在网络上有很多漂亮 Jekyll 主题可供你选择,你可以访问jekyllthemes.io找到你喜欢主题并下载下来,或者通过 Google 搜索,如果还不满意,你也可以选择自己创建一个主题。 选择好你喜欢 Jekyll 主题后,将主题复制到前面从 Github 上 Clone 项目文件夹中去。 在这里新增、修改、删除文章都可以实时看到,只需要刷新页面即可。你可以试着修改那篇默认文章看看效果。 ,需要增加一些描述性东西,这样 Jekyll 才能正确处理我们文章。

    24910

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

    Jekyll 特点:Github 自带,您不用部署静态页面,您只要往 GitHub 上推 md文件就能产生 blog 问题: 当 md 文件多了之后,排序是一个很头疼问题,纯体力手工劳动,无法实现自动化 特点:比Jekyll要先进一点,先生成文件,在部署 基于Node.js静态网站生成器 主题很丰富,在vuepress之前很多博客,文档网站都是基于Hexo搭建,是用jekyll还是Hexo搭建,基本上做 IT 小伙伴,也能辨别出来 问题: 每次都需要把生成静态页面推上去,md 若出现错误,编译会出错,配置不是特别灵活Hexo 官方文档 https://hexo.io/ GitBook 问题 默认主题有限制 ,随着文档增加,每次加载时间会很长,也不是 Vue 驱动 官方团队专注于打造一个商业产品,而并非开源工具 GitBook 官方文档 https://www.gitbook.com/ Docsify-Docute 先把官方默认主题,玩熟悉了,在去玩自定义主题,以及进行二次开发,都是可以 口说无凭,话说多了,都是故事,下面一步步带你从零开始,到域名部署等,搭建属于自己网站,开始自己记录之旅.

    46220

    搭建一个免费,无限流量Blog----github Pages和Jekyll入门

    他希望看到是,一个简明易懂网页,说明每一步应该怎么做。因此,github就设计了Pages功能,允许用户自定义项目首页,用来替代默认源码列表。 它缺点是:   * 有一定技术门槛,你必须要懂一点git和网页开发。   * 它生成是静态网页,添加动态功能必须使用外部服务,比如评论功能就只能用disqus。    我们假定,它名称为jekyll_demo。   $ mkdir jekyll_demo 对该目录进行git初始化。    在项目根目录下,建立一个名为_config.yml文本文件。它是jekyll设置文件,我们在里面填入如下内容,其他设置都可以用默认选项,具体解释参见官方网页。    layout:default",表示该文章模板使用_layouts目录下default.html文件;"title: 你好,世界",表示该文章标题是"你好,世界",如果不设置这个值,默认使用嵌入文件名标题

    76760

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

    接着找到 GitHub Pages,然后随便选择 Github 提供默认主题。 ? ? 最后,我们通过浏览器访问仓库域名(monkey.github.io)就能看到系统创建默认网页。 3.Jekyll 主题选择 上文讲到选择默认主题,这里都是 Jekyll 主题。那什么是 Jeklly呢?它是一个简单静态站点生成器,能将纯文本(一般是 Markdown 文件)转化为静态页面。 找到仓库存放文件夹,将之前所有文件全部删除,把刚才下载主题文件复制到当前文件夹中。 ? 我们还需要修改配置文件。_config.yml 是 Jekyll 全局配置文件。 如果你使用其他主题,根据作者要求,修改 _config.yml 内容即可。 ? 最后一步,我们将刚才修改内容同步到 Github 远程仓库。 ? 5.SEO 优化 该主题已经集成用于 SEO 优化 jekyll-seo-tag 插件,我们简单修改 _config.yml 里面的这几个字段。

    28820

    扫码关注云+社区

    领取腾讯云代金券