，输入：http://localhost:4000 即可访问 到这里一个简单的博客页面就会显示出来了。...$ jekyll serve --detach # => 功能和`jekyll serve`命令相同，但是会脱离终端在后台运行。...在整个过程中你可以设置 URL 路径，你的文本在布局中的显示样式等等。这些都可以通过纯文本编辑来实现，最终生成的静态页面就是你的成品了。... var disqus_config = function () { this.page.url = "{{ page.url | prepend: site.baseurl...| prepend: site.url }}"; this.page.identifier = "{{ page.url }}"; }; var disqus_shortname
，所以我打开浏览器，输入：http://localhost:4000 即可访问 到这里一个简单的博客页面就会显示出来了。...$ jekyll serve --detach # => 功能和`jekyll serve`命令相同，但是会脱离终端在后台运行。...在整个过程中你可以设置 URL 路径，你的文本在布局中的显示样式等等。这些都可以通过纯文本编辑来实现，最终生成的静态页面就是你的成品了。... var disqus_config = function () { this.page.url = "{{ page.url | prepend: site.baseurl...| prepend: site.url }}"; this.page.identifier = "{{ page.url }}"; }; var disqus_shortname
这里使用的方式是使用在 input 上面覆盖一个 button，用 button 来显示样式。...因为没有服务器，所以为了显示本地图片，使用了替换图片 src 的方式。...，生成 和 标签即可，具体的可以参考源码中的实现。...d.body).appendChild(s); })(); 其中 disqus_shortname, page.url 和 page.indertifier 是需要我们自定义的东西...这里需要注意的是 page.url 要使用绝对路径。 具体的插入逻辑可参考源码的实现，这里不再赘述。
YAML 一个几乎所有编程语言都支持的易读的数据序列化标准。 jekyll Liquid Ruby的一个模板引擎库。...高亮展示 对于代码的阅读体验，当然能高亮显示会更好些，jekyll也支持相应的代码高亮显示，像这样： {% highlight 代码类型 %} 代码放这里 {% endhighlight %} 支持的代码类型可以在...评论系统 网上有几个可以嵌入到静态站点的评论系统，像多说、友言、畅言等等，还有Jekyll模板里默认使用的DISQUS。...}" data-url="{{ site.url }}{{ page.url }}"> 把上面的代码放到文章页模板的下面即可。
，语法上也支持“扩展的” markdown 语法，比如支持如下 image 语法，居中显示，可显示注释，具体效果可参考这篇博文： {% image fancybox center /path/to/image..."图片注释" %} 而且很重要一点，twitter 分享很友好，有预览： Twitter 分享截图 但后来使用过程中发现，原来文章中的 disqus 评论不见了，但 disqus 评论框是能够正常加载的...而且在其他页面上是能够看到这些文章的评论数的，但是点进去却又显示不出来。...解决 由于原主题上 disqus 是正常的，所以我去找了找原主题的 disqus 相关代码，其中有段代码是这样的： this.page.identifier = "";...this.page.identifier 和原主题还是很不一样的。
分类、标签页和新文章 添加分类页 1、新建一个分类页面，命名为 categories。...命令如下： hexo new page categories 2、编辑刚新建的页面，将页面的类型设置为 categories ，主题将自动为这个页面显示所有分类。...命令如下： hexo new page tags 2、编辑刚新建的页面，将页面的类型设置为 tags ，主题将自动为这个页面显示所有标签。...--- title: Spring AOP 和 动态代理技术 date: 2017-12-10 17:57:14 tags: --- 2、在其中添加categories属性，再部署之后就可以在分类页看到分类了...，每篇文章的阅读量是没有显示的，需要做一下配置。
在 part1 和 part2 中，我们已经创建了博客的所有页面。在这篇文章中，我们将给博客添加 Disqus 评论系统，实现 谷歌分析以及完成侧边栏的小部件。...谷歌分析 谷歌分析的实现和 Disqus 差不多，所以这里我只简单提一下。具体步骤可以看我的另一篇博客。...合并到局部文件中 我们希望可以在任何页面中获取到跟踪代码，而页面上又没有合适的位置来存放，因此我们选择把它添加到 的末尾： /* layout/_partial/head.ejs...site.tags.sort('name) 按照字母表的顺序对所有标签进行排序 item.path 对应标签归档页的相对 URL item.posts.length 表示标签的使用次数 item.name...如果你想进一步打磨主题，可以考虑下面这些事情： 通过参数化 和所有 Open Graph 属性完善 head 部分 添加更多小部件，例如搜索小部件 或者是一个 近期文章小部件 将你的主题提交到
使用“过滤器组合”控件，用户可以完全关闭恶意评论（所谓的“禅模式”）或包含攻击，侮辱或亵渎的帖子。Tune还可以与Reddit，YouTube和Disqus一起使用。...通过安装Tune，它要求你通过浏览器登录到你的谷歌帐户，你可以控制五个社交平台：YouTube、Twitter、Facebook、Reddit和Disqus。...值得一提的是，Tune并非真正设计成一款完美的产品，现在这只是一项实验。基于简短测试，它肯定没有隐藏所有内容，并且很难根据它所显示的评论来发现某些设置之间的差异。...尽管如此，它还有助于突出强调在线管理的效力，人类根本不可能单独完成这项工作。 Tune与Perspective API不同，但它们具有相同的底层智能。...当然，Alphabet并不希望担心骚扰会渗透其在线服务，尽管它也急于指出它自己的YouTube并不是唯一受到困扰的平台。这就是为什么Tune可以在其他主要社交网络上使用。
针不戳 代码高亮 第二个问题就是主题自带的代码高亮，CSS 是写在 里的，而且加了条检测当前是否在文章页的判断。...InstantClick 默认只会改变 和 的内容。...总之如果你是从其他页面进入文章页的，InstantClick 不会改变，也就不会加上代码高亮的 CSS。...= [你的页面 URL]; this.page.identifier = [你的页面的唯一辨识符]; }; // 如果你和我一样在用 DisqusJS，loadDisqus() 里就应该是...、等待主调用栈清空后才执行，在绝大部分浏览器中都有效 // 其实这个 hack 本来是用于优化骨架屏显示的。
前言 越来越多的人想要搭建一个属于自己的免费个人博客，记录下自己在技术上的学习历程，或是写一些文章。甚至有一天，可以将这些文章整理成集出版。...不过大部分的 CDN 都是收费的，唯一不收费的、对全球用户友好的 CDN 可能就是 Cloudflare 了。...也就是说，如果你想使用某个 Jekyll 主题，唯一的方式就是克隆这个 Jekyll 主题的项目，并在此基础上开始你的博客。...12 # a tag will be recommended if the size of it is more than this value # Build settings # 文章列表展示页每页显示的文章数量...版权声明：如无特别声明，本文版权归 仲儿的自留地 所有，转载请注明本文链接。
用户可以在可视化编辑应用的基础上，通过代码开发并部署应用的方式享受更加完整的一站式开发体验。 下文将详细介绍分模块混合开发的使用场景和使用方法。...应用场景2：低代码开发与传统编码结合开发 一部分微搭用户并非从零开始开发，则会遇到存量应用迁移的问题。有时因为时间原因，难以把应用所有内容都进行低码化迁移。...它具有以下优点： 一个应用可拆分为主模块和多个子模块，分模块进行开发； 模块间各自解耦、相对独立； 每个模块支持 【低代码开发】和【上传代码包】 两种开发模式； 开发完成后，由微搭平台完成合并打包发布，...基本概念： 应用主模块：每个应用程序必定含有唯一一个应用主模块。与子模块相比，主模块具有应用级配置。 应用子模块：每个应用可含有 N 个子模块，而如何进行拆分则是根据开发者的配置进行划分。...主模块页面路径为 /pages/${page.id}/index，子模块页面路径为：/packages/subapp.name/pages/{page.id}/index。
现正式将源代码以与 H2O 主题相同的 MIT 许可证协议在 Github 平台上公开。 在此，非常感谢廖柯宇及其他小伙伴对于 H2O-ac 主题的基础主题 H2O 的代码开发和开放共享。...另外，运维程序员比较重视能一览所有文章的标题以迅速找到感兴趣的文章。虽然搜索功能、标签页、卡片展示页都能够列出所有的文章，但个人觉得还是不够简洁、方便。...不过由于使用的是 OKAIDIA 高亮主题，所以有些段落中的格式化字段显示上有些问题。这里，仍然采用默认主题，并且扩增到 Prism.js 支持的所有编程语言类型。...://xxxxxx.vercel.app 目前未对多评论系统同时支持进行优化，所以如果 Disqus 和 Waline 同时开启时，Disqus 在前 Waline 在后同时出现。...如下所示，从左往右滑动即可从 Disqus 切换到 Waline。 同时修复了手动切换深色模式时 Disqus 不会自动切换模式而造成的显示问题。
评论导出（低优先） 类比Workpress提供的评论功能，用户只需要填用户姓名和电子邮件这两个信息就够了，前者用来显示作者名，后者用来接收通知，个人网站用来推广自己，但不是必填的。...每条评论都可能有若干回复，回复评论又有回复，所以这是一个树形的结构，最极端的，如果把所有树形都嵌套显示出来，就会像网易新闻评论盖楼那样。...另一个极端，是把所有评论都展平，按回复时间排序显示，这样又会失去回复的上下文信息。还是那句话，够用就好，我选择了一条折中的方式：两层树形展示。...直接评论的是第一层节点，然后回复这些评论的，和回复这些回复的，都展平成一层节点，算作这条评论的子节点。外层评论和子节点都按时间排序显示，但只有外层评论具有楼层属性。...现在就到了激动人心的时刻了，把Disqus的评论数据迁移过来！我到Disqus页面上去看，发现Disqus支持导出评论数据为特定的结构，是一个xml，只要是结构化的数据，那就问题不大了。
- 支持图像、文本和绘图的 PDF 可选内容概念 - 可以访问和修改低级 PDF 结构 命令行模块"python -m fitz…"具有以下特性的多功能实用程序 - 加密/解密/优化- 创建子文档...Document.metadata是一个具有以下键的Python字典。它适用于所有文档类型，但并非所有条目都始终包含数据。元数据字段为字符串，如果未另行指示，则为无。...这可以通过internet浏览器显示- "dict"/"json"：与HTML相同的信息级别，但作为Python字典或resp.JSON字符串。...您可以使用此信息来突出显示这些区域（仅限PDF）或创建文档的交叉引用。 7. PDF操作 PDF是唯一可以使用PyMuPDF修改的文档类型。其他文件类型是只读的。...因此，您可以轻松地使用创建新的PDF： - 第一页或最后10页- 仅奇数页或偶数页（用于双面打印）- 包含或不包含给定文本的页- 颠倒页面顺序 保存的新文档将包含仍然有效的链接、注释和书签（i.a.w
卡片式的播放页在app的其它页面的状态下都是可用的，以相同的方式运行，加快普通任务的完成，并且大大增强了单手使用效率。 我还重新设计了播放页本身。...以前的播放页是在一个隐藏的滚动区域中显示剧集注释，用户需要向上滑动封面才能显示注释，相对而言，不太容易被用户发现。...现在，水平滑动播放页面，可以在显示左侧的“EFFCETS”和右侧的剧集注释，封面下面有标准的“page dots”来指示在哪个页面。...如果里已经有了一个名为“队列”或默认的”所有剧集“，则可以使用新队列功能，如果没有，它则会根据需要创建。这种情况无处不在，并像其它播放列表一样具有完整的功能。...所以我把自己的内置高品质广告放在播放页和添加播客页： 播放页面会展示网站、播客节目、APP、Overcast Premium的广告，添加播客页只会显示播客节目的广告。 没错，播客节目的广告。
友链页与关于页 友链页与关于页是我们常用的两个独立页面，主题对其做了简单的样式定义。该样式可以参考我博客的友链页和关于页样式。...在编辑文章的时候右边（手机的话是下方）高级选项里可以选择密码保护或私密，密码保护的文章所有人都能看到，但需要输入密码后才能查看文章的标题和内容，私密则仅有自己可以看到，隐藏的话，所有人都不能在文章列表里看到...文章标题显示主图中 字段名：headTitle 作用与同名高级设置相同，但优先级更高。 将文章标题显示在文章主图中，取值范围为整数，大于 0 则表示开启，否则不开启。..., 默认(此项不填)和自定义主题主色调相同, 你可以自定义任何你喜欢的颜色, 但自定义主色调必须使用 Hex Color, 即#233333或#333的格式。...另外，用户也可以通过页面上的阅读设置进行选择，但仅对该用户生效。
$docsify添加配置默认加载侧边栏 loadSidebar：配置侧边栏是否展示 subMaxLevel：配置显示目录的最大层级 window....集成 通过这个插件，示例代码可以在页面上即时呈现，可以立即看到预览。...当展开演示框时，源码和说明就会显示在那里，如果点击Try in Jsfiddle按钮，jsfiddle.net就会打开这个例子的代码，让读者自己修改代码和测试。...评论系统 Disqus评论系统 Disqus评论系统支持： https://disqus.com/ window..../disqus.min.js"> Gitalk评论系统：基于Preact和Github Issue的评论系统 <link rel="stylesheet" href="//cdn.jsdelivr.net
变换矩阵包含关于图像如何转换以适应某文档页面上的矩形（其“边界框”=“bbox”）的信息。通过检查页面上图像的 bbox 和此矩阵，可以确定例如图像是否以缩放或旋转的方式显示在页面上。...PDFrw 纯 Python 工具，被 rst2pdf 使用，具有与 ReportLab 的接口。 PyPDF2 具有大量功能集的纯 Python 工具。...Added 选项以选择提供唯一注释 ID 的新注释、字段和链接的前缀。实现了请求#807。 Added 获取和设置 PDF 目录项目的颜色和文本属性。实现了#779。...更改了 Annot.info ，现在还会显示注释的唯一标识（/NM PDF 键）（如果存在）。 新增了 Page.annot_names() 方法，返回所有注释名称（/NM 键）的列表。...更改： 现在对注释的更改始终需要 Annot.update() 才能生效。 更改 自由文本注释以支持完整的拉丁字符集和外观选项范围。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
云直播
对象存储
