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

如何在Jekyll/github-pages托管网站上按课程组织笔记?

在Jekyll/github-pages托管网站上按课程组织笔记可以通过以下步骤实现:

  1. 创建Jekyll网站:首先,在本地环境中安装Jekyll,并使用Jekyll命令创建一个新的网站。可以使用以下命令创建一个名为"my-notes"的网站:
代码语言:txt
复制
jekyll new my-notes
  1. 配置网站:进入"my-notes"目录,编辑"_config.yml"文件,配置网站的基本信息,如标题、描述等。
  2. 创建课程页面:在"_posts"目录下创建一个新的Markdown文件,命名为"2022-01-01-course1.md"(日期可以根据实际情况修改),并编辑该文件,添加课程的内容和笔记。
  3. 组织笔记:可以在"_posts"目录下创建多个Markdown文件,每个文件对应一个课程或主题的笔记。可以使用Markdown语法编写笔记内容,包括标题、段落、列表、代码块等。
  4. 添加导航菜单:编辑"_config.yml"文件,添加导航菜单的配置。可以使用以下示例代码添加一个名为"课程"的导航菜单:
代码语言:txt
复制
nav:
  - title: 课程
    url: /courses/
  1. 创建课程索引页面:在根目录下创建一个名为"courses.md"的Markdown文件,编辑该文件,添加课程索引页面的内容。可以在该页面中列出所有课程的链接,方便访问和导航。
  2. 部署到GitHub Pages:将"my-notes"目录下的所有文件推送到GitHub仓库中,并在仓库的设置中启用GitHub Pages功能。等待一段时间后,网站将会部署到GitHub Pages上,可以通过访问对应的URL来查看和分享笔记。

通过以上步骤,就可以在Jekyll/github-pages托管网站上按课程组织笔记。每个课程对应一个Markdown文件,可以通过课程索引页面进行导航。同时,可以根据实际需求,使用Jekyll的各种功能和插件来美化和增强网站的功能。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

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

云开发静态托管是云开发提供的静态网站托管的能力,静态资源(HTML、CSS、JavaScript、字体等)的分发由腾讯云对象存储 COS 和拥有多个边缘网点的腾讯云 CDN 提供支持 使用Jekyll搭建静态站点...它有一个模版目录,其中包含原始文本格式的文档,通过一个转换器( Markdown)和我们的 Liquid 渲染器转化成一个完整的可发布的静态网站,你可以发布在任何你喜爱的服务器上。...安装Jekyll等插件可以参考官提供的「安装文档 http://jekyllcn.com/docs/installation/」来安装。...我选择直接从Github下载我的博客相关的内容(对应地址为:https://github.com/bihe0832/bihe0832.github.io) 对于基于Jekyll的静态站点的目录结构,可以参考官提供的...静态网站服初始化一般需要约 3 分钟 qcloud_jekyll_hosting.png 将静态页面部署到托管服务 你阔以直接选择将构建好的静态页面上传到托管服务,但是考虑到博客的更新频率,还是选择使用官方提供的工具来上传

3.6K105

开垦属于你的网络空间:简单易用的静态博客框架推荐

灵活多样化:由于其先进模板系统和强大分类系统,Hugo 可以用于创建各种类型的网站,包括企业、政府、非营利组织等官方机构;新闻媒体、事件展示及项目介绍等专题页面;文档库;图片集合与个人博客等。...简单易用:Jekyll 不会给用户带来不必要的复杂性和配置,它只做你告诉它去做的事情。 高度可定制化:使用 Jekyll,您可以根据自己的需求轻松地创建个人、项目或组织网站,并对其进行完全控制。...Markdown 和 Liquid 模板支持:通过渲染 Markdown 和 Liquid 模板,Jekyll 可以将您提供的内容转换为完整且静态化的可以直接托管在 Apache、Nginx 或其他 Web...广泛兼容性:不仅 Hexo 可以完美适配于绝大多数操作系统,并且还提供对常见标记语言 ( Markdown) 和第三方插件 ( Octopress) 等格式/工具库进行全面支持。...完善文档资料:在官方网站上提供详尽清晰易懂并附带示例代码说明书籍,让初学者也能轻松上手。 Hexo 是一个非常出色的博客框架,无论您是个人用户还是企业开发者都能从中受益。

45440
  • ​CODING 静态网站服务升级,快速、稳定、高拓展!

    CODING 静态网站拥有强大的页面托管服务,目前已有数万开发者、设计师、产品经理、团队与企业使用 CODING 静态网站托管了他(她)们的个人网站、博客、企业与产品官、在线文档等。...CODING 静态网站上线运营多年来,由于复杂多变的网络环境,时常收到用户反馈存在访问速度不稳定、被 DDoS 攻击等问题,已然无法满足日益增长的用户量以及对于站点防护、访问加速的需求。...为了给广大用户提供快速、安全、稳定的站点服务,CODING 静态网站对产品底层架构进行了升级,用户将享有更强大的网络资源、更快速稳定的访问效率、更高拓展性的静态网站资源托管服务。...CODING 静态网站结合 Tencent Serverless Framework,提供了完整、高效的部署流程,支持 Jekyll、Hexo 等多种部署框架。...全流程构建 CODING 静态网站服务开放了相关构建队列,可直接利用 CODING 强壮的 Jenkins 构建队列,修改使用不同的静态部署框架,Jekyll、Hexo 等,完美兼容各种静态部署框架及构建队列

    1.1K20

    CODING 静态网站服务升级,快速、稳定、高拓展!

    CODING 静态网站拥有强大的页面托管服务,目前已有数万开发者、设计师、产品经理、团队与企业使用 CODING 静态网站托管了他(她)们的个人网站、博客、企业与产品官、在线文档等。...CODING 静态网站上线运营多年来,由于复杂多变的网络环境,时常收到用户反馈存在访问速度不稳定、被 DDoS 攻击等问题,已然无法满足日益增长的用户量以及对于站点防护、访问加速的需求。...为了给广大用户提供快速、安全、稳定的站点服务,CODING 静态网站对产品底层架构进行了升级,用户将享有更强大的网络资源、更快速稳定的访问效率、更高拓展性的静态网站资源托管服务。...CODING 静态网站结合 Tencent Serverless Framework,提供了完整、高效的部署流程,支持 Jekyll、Hexo 等多种部署框架。...全流程构建 CODING 静态网站服务开放了相关构建队列,可直接利用 CODING 强壮的 Jenkins 构建队列,修改使用不同的静态部署框架,Jekyll、Hexo 等,完美兼容各种静态部署框架及构建队列

    1.4K20

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

    为了简化这些步骤,开始有了一些免费建站工具出现,比如非常知名的 凡科。当年笔者也是从这样的免费二级域名、免费拖拽式建站开始的,只不过后来越来越感受到了这种建站方式的局限性。...这个网站还有一个很神奇的附带功能——它与 Netlify 相连接,从网站上就可以看出 Netlify 支持部署的静态网站生成器。   说到这里,又有一个新的名词出现了——Netlify。...CDN   为了能够更好地保障 CDN 功能,通常来说加一层 CDN 在源站上也是可以了。不过大部分的 CDN 都是收费的,唯一不收费的、对全球用户友好的 CDN 可能就是 Cloudflare 了。...当然,Jekyll 完全支持用户在原有主题上进行更改,只要你了解文件是如何组织的、需要何种环境等等,你就可以做出自己的修改。...英文与英文标点符号一起时,前面标点符号后空一格开始英文单词; 英文与中文标点符号一起时,标点符号在英文或符号之前之后都无须空格; 在代码内容中,# 号与文字之间空一格,# 号与代码同行时距离不宜过长,相邻几行都有注释对齐为佳

    1.8K40

    作为软件工程师,如何进行知识管理

    我使用的所有工具都允许以标准格式( Markdown 和 HTML)导出数据。 请注意,我的工作流程并不完美,我一直在寻找新的工具和方法来优化它。...基于 NotionHQ 的知识库 对我来说,知识管理的基础部分是建立某种个人知识库/维基,一个你可以系统地保存链接,书签,笔记等信息的地方。 我用的工具是 NotionHQ 。...你可以用 Markdown 格式编写,并将内容组织为树状结构。...它可能是一些很好的算法实现,一个有用的脚本,或者一个如何在 Y 语言中执行 X 的例子。...它是开源的,由 Jekyll 提供支持,Jekyll 是最受欢迎的静态站点生成器之一。 备忘单是用 Markdown 编写的,带有一些额外的格式优势,比如对列的支持。

    1.1K30

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

    GitHub Pages Github Pages 是面向用户、组织和项目开放的公共静态页面搭建托管服务,站点可以被免费托管在 Github 上,你可以选择使用 Github Pages 默认提供的域名...Github Pages 支持 自动利用 Jekyll 生成站点,也同样支持纯 HTML 文档,将你的 Jekyll 站点托管在 Github Pages 上是一个不错的选择。...它有一个模版目录,其中包含原始文本格式的文档,通过一个转换器( Markdown)和我们的 Liquid 渲染器转化成一个完整的可发布的静态网站,你可以发布在任何你喜爱的服务器上。...我的个人博客 我的博客经过了三个阶段,第一个阶段,完全依托于使用 GitHub Pages 来构建;第二个阶段,将博客托管于国外的一个服务商;第三个阶段,服务器迁移回到国内、域名备案。...这里以万的域名配置为例,选择需要设置的域名点击解析,在域名解析页面添加以下两条记录 ? 空框内,需要填写自己github_username值。

    1.4K10

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

    GitHub Pages Github Pages 是面向用户、组织和项目开放的公共静态页面搭建托管服务,站点可以被免费托管在 Github 上,你可以选择使用 Github Pages 默认提供的域名...Github Pages 支持 自动利用 Jekyll 生成站点,也同样支持纯 HTML 文档,将你的 Jekyll 站点托管在 Github Pages 上是一个不错的选择。...它有一个模版目录,其中包含原始文本格式的文档,通过一个转换器( Markdown)和我们的 Liquid 渲染器转化成一个完整的可发布的静态网站,你可以发布在任何你喜爱的服务器上。...我的个人博客 我的博客经过了三个阶段,第一个阶段,完全依托于使用 GitHub Pages 来构建;第二个阶段,将博客托管于国外的一个服务商;第三个阶段,服务器迁移回到国内、域名备案。...这里以万的域名配置为例,选择需要设置的域名点击解析,在域名解析页面添加以下两条记录 空框内,需要填写自己github_username值。

    94630

    新人如何搭建(copy)一个属于自己的博客

    本文作者:IMWeb mmo 原文出处:IMWeb社区 未经同意,禁止转载 对于很多刚学前端的朋友们来说(比如我),在学习的过程中经常会记一些笔记,除了现实中的烂笔头,我们也可以在PC上记笔记...心如止水 如果以上的都没有,我们 可以按照顺序来,文章如有粗俗的例子,请见谅 # 域名 首先我们要先理解域名的作用,我们浏览器之所以能搜索不同的网站,都是通过域名来让别人访问的,一个简单通俗的例子:我购了一件商品...这里腾讯会像一个贴心小棉袄一样问你价格是否接受得了,接受不了就换一个后缀吧,接下发挥你购买买买的能力 ?...域名到这里就先暂告一段落,后面将会用到操作中的-解析 # GitHub 学前端的怎能不会使用git呢,GitHub作为全球最大的代码托管(同性交流)平台,大牛发声,无数码农尽折腰 ? ? ?...与CSS了 # HTML & CSS 下面的才是我们要动手术到的地方,请确保脑瓜中的HTML & CSS知识是否足够,如果你对你的百度很自信,那么接着走 首先我们要清楚问题所在,回到页面上,我们F12

    48920

    无服务器+域名也能搭建个人博客?真的,而且很快

    背景 作为技术人, 相信大多数人都有记笔记的习惯. 记笔记的好处我就不多说了, 而且如果你觉得自己笔记记得还不错, 或许会选择将笔记发布到博客平台上去....我们平时工作由于专业的原因, 会接触到很多平台型博客: 列: CSDN, 博客园, 简书, 知乎, 掘金等等....而最近发现的一个超级方便且简单个人博客系统——— jekyll 关于 jekyll jekyll 是一个简单的免费的Blog生成工具,类似 WordPress....timepause.gitee.io/blog/assets/imgs/chy/20220709/image-20220709134159346.png ps : 关于图片的存放问题有两点要说的是 我们可以以日期为目录, 然后日期来存放...总结 本文主要介绍了如何根据 Gitee+jekyll 来快速搭建个人博客. 并简单的介绍了其配置, 使用和部署方式. 其他功能欢迎大家通过官介绍, 自己尝试哦.

    2.2K10

    新人如何搭建(copy)一个属于自己的博客

    对于很多刚学前端的朋友们来说(比如我),在学习的过程中经常会记一些笔记,除了现实中的烂笔头,我们也可以在PC上记笔记、写总结,下面分享一些或多或少会用上的网站或工具。...# 域名 首先我们要先理解域名的作用,我们浏览器之所以能搜索不同的网站,都是通过域名来让别人访问的,一个简单通俗的例子:我购了一件商品,快递员需要知道我家的地址才能给我送快来,而这个地址就是我们的域名...这里腾讯会像一个贴心小棉袄一样问你价格是否接受得了,接受不了就换一个后缀吧,接下发挥你购买买买的能力。 ?...# GitHub 学前端的怎能不会使用git呢,GitHub作为全球最大的代码托管(同性交流)平台,大牛发声,无数码农尽折腰! ?...首先我们要清楚问题所在,回到页面上,我们F12打开控制台,接着进入眼帘是红DuangDuang的报错,我们将鼠标指着报错的地方,内容如下 ?

    1K40

    快速搭建个人博客

    username facebook_username: username jianshu_username: jianshu_id 新加入了简书,jianshu_id 在你打开你的简书主页后的地址:...http://www.jianshu.com/u/e71990ada2fd中,后面这一串数字:e71990ada2fd 评论系统 博客中使用的是 Disqus 评论系统,在 官 注册帐号后,下面的步骤简单的配置即可...想上传头像,背景,或者是删掉你不要的图片(我的头像)已经是 so eazy了吧~ 注意 你在 GitHub 网站上进行 Commit 操作后,需要在GitHub Desktop上一下 同步按键 才能同步网站上的修改到你的本地...有心的同学在 jekyll 就会发现 jekyll 的 提供的实例代码。...image.png 如何在博客文章中上插入图片 博客的文章用的是 MarkDown 格式,如果没用过 MarkDown 真的 强烈推荐 花半个小时学习一下。

    1.9K21

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

    username facebook_username: username jianshu_username: jianshu_id 新加入了简书,jianshu_id 在你打开你的简书主页后的地址:...http://www.jianshu.com/u/e71990ada2fd中,后面这一串数字:e71990ada2fd 评论系统 博客中使用的是 Disqus 评论系统,在 官 注册帐号后,下面的步骤简单的配置即可...已经是 so eazy了吧~ 注意 你在 GitHub 网站上进行 Commit 操作后,需要在GitHub Desktop上一下 同步按键 才能同步网站上的修改到你的本地。...有心的同学在 jekyll 就会发现 jekyll 的 提供的实例代码。...如何在博客文章中上插入图片 博客的文章用的是 MarkDown 格式,如果没用过 MarkDown 真的 强烈推荐 花半个小时学习一下。 MarkDown 中添加图片的形式是 :[图片上传失败...

    4.1K110

    文科妹子都会用 GitHub,你这个工科生还等什么

    GitHub 是一个代码托管网站,只不过背后使用了 Git 作为版本管理工具。主要服务就是将你的项目代码托管到云服务器上,而非本地硬盘上。...配合 Jekyll、Hexo、Hugo、Pelican、Gridea 等第三方静态模板系统可以快速搭建一个漂亮的博客网站。...下面这个网址列举了一些非常不错的书单: https://github.com/itwanger/JavaBooks 5)提升影响力 你可以将自己的开源项目发布到 GitHub 网站上,项目越受欢迎获得的...6)其他 图床,单纯地把 GitHub 做一个盘。 BBS,单纯地交友互动聊天吹逼。...如果你不满足于现状,还想更进一步,可以到 GitHub 官方按照课程进行学习。 https://lab.github.com/ ?

    75730

    用 GitHub + Hexo 建立你的第一个博客

    利用博客框架搭建, WordPress、Jekyll、hexo 等。 自己用代码写一个。 其中,第一种最简单,也最受限,说不定还会被删帖删号。...GitHub GitHub,是一个代码托管网站和社交编程网站。这里聚集了世界上各路技术牛叉的大牛,和最优秀的代码库。把你的博客托管在这里,还有什么不放心的呢O(∩_∩)O。...我也看过使用 Jekyll、Octopress 搭建个人博客的过程,确实要繁琐许多。...相比之下 Hexo 更轻便更快捷,下面是其官强调的四大特点: 极速生成静态页面 一键部署博客 丰富的插件支持 支持 Markdown 相信大家对 GitHub Pages 和 Hexo 有了一定的了解...在 Git Shell 中 Ctrl + C 并输入 y 可以停止该服务。

    90540

    890 所学校受影响!美国学生信息交换中心发生数据泄露

    得知这一问题后,Clearinghouse立刻组织顶尖网络安全专家,迅速展开调查分析并与执法部门进行协调。...最终发现被盗文件中包含的个人身份信息(PII)主要包括姓名、出生日期、联系信息、社会保险号、学生证号和一些与学校相关的记录(注册记录、学位记录和课程数据)。...Clearinghouse 在提交给加州总检察长办公室的一份数据泄露通知函中表示网络攻击者于 5 月 30 日访问了其 MOVEit 托管文件传输(MFT)服务器,并窃取包含大量数据信息的文件。...从 6 月 15 日开始,网络攻击者开始勒索遭受网络攻击的组织,并在该团伙的暗数据泄漏网站上公布受害组织的名称。...据悉,此次大规模攻击活动预计影响全球数百家组织,多个美国联邦机构和两个美国能源部(DOE)实体已被证实成为了这次数据盗窃和勒索攻击的“牺牲品”。

    22130

    致对未来迷茫的你

    > Linux网络编程 -> MySQL数据库 -> 实战项目; 我的学习方法是:b站相关视频 + 每周15h以上代码练习 + 每周两~三篇博客总结 + gitub/gitee代码仓库维护 + 牛客、...现在慕课、b站上的学习资源一抓一大把,别人既然能有那么多的播放量,那质量就不会太差,有的只是你自己愿不愿意学;我上面推荐了C语言和数据结构的视频,这里再推荐两个学习软件吧,印象笔记(有道云笔记)-笔记可以检索...,笔记丢不了,随时随地方便复习。...xmind-思维导图,整理一门课程学完后的框架。...github/gitee的重要性 github/gitee 是面向开源及私有软件项目的托管平台,我们可以将自己写的代码托管到上面。

    30400
    领券