Org Mode 生成静态站点 Site 【修复版】

大概是有一段时间,过于频繁地修改之前那个帖子,所以后来不知道怎么的,就无法编辑了 :sweat_smile:

不巧的是,之后,我重新更换了域名, rosecoder.com 改为了 rosesor.com ,这就导致之前那篇帖子中的出现了大量的死链。

以上,我重新提交一下这个帖子,更新一下主要的访问链接。


如有问题,欢迎留言讨论 :cowboy_hat_face:


下面是原链(不能编辑,内部链接已多不可用 :sweat_smile:),可以直接访问 org-to-site-tutor

5赞

顶一个 ~ :+1: 用着感觉不错 :grinning:

谢谢 Jack Liu !

一点开 Chrome 就提示翻译,应该用 <html lang="zh">?因为你的网页内容主要是中文。

Screen Shot 2020-07-23 at 19.31.47

1赞

这个倒是,不过,我平时系统语言都是用的英文的 :rofl: SO… 哈哈,其实配置项倒是有的

(use-package ox-html
  :config
  (setq
   ;; org-html-doctype "html5"
   ;; org-export-default-language "ch"    ;; 修改默认输出语言
   user-full-name "Jack Liu"))         

:sweat_smile: 客气 客气

关于手机端的自适应:

  1. 首页index.html, 在手机端显示能否优化一下: 左边的信息基本不变,右边的部分缩小了,整体不是很协调
  2. title 和 footer 这两个部分变成了方框,没有PC端分割线来得整洁,能不能也改为直线 for title and footer?
  3. 其他页面支持还好 ~ :grinning:

右边的那张图其实是背景图,移动端做了缩小,我手机上显示是这样。


来张截图看看,你的具体什么效果 :)

哈哈 ~ 你的图选得好 ~ 比较适合,我的图变小了 ~

:rofl: 你使用的这个版本太早了哦,来尝试一下最新的版本吧。

新的里面,额外加了修复和添加了一些新的功能:背景图做了更新,提供了几个备选,PC 端增加了毛玻璃效果等。

好的 :grinning:,周末uupdate一下 ~

当一个显示器时, 如果左边浏览器, 右边 emacs 垂直并列, 目录就不会从左侧出现, 右下角的 到顶部和到首页, 都不会起作用了

原来的 css 是用的自适应的,如果浏览器宽度小于一定阈值,就会认为是移动设备,此时在页面左上角悬浮其实也是可以触发目录的。

等有时间了,优化一下移动端。

原来只是写了一些简单的逻辑,也不考虑 IE 什么的。

有时间了,用打包工具做一下兼容吧,现在东西塞的有点多。

我发贴不多, 排版不太会, 因为工作比较杂, 还没空具体了解下, 因为本人不是做 IT 工作的.

现在已在用你的配置, 非常感谢!

但是 CSS 和 JS 我用的是这个作者的

搭建我的笔记系统

(setq site-template-directory "~/notes/templates")
(defun read-html-template (template-file)
  (with-temp-buffer
    (insert-file-contents (concat site-template-directory "/" template-file))
    (buffer-string)))

(progn
  "Settings of `org-export'."
  (setq org-export-in-background t
        ;; Hide html built-in style and script.
        org-html-head-include-default-style nil
        org-html-head-include-scripts nil
        org-html-head (read-html-template "html-head.html")
        org-html-preamble (read-html-template "preamble.html")
        org-html-postamble (read-html-template "postamble.html")
        org-html-htmlize-output-type 'inline-css
        ))

现在有在用你的这 4个函数很好!

也给以很大启发!

  1. save-and-publish-website 用来保存当前所有 buffer ,并转换输出所有文件;
  2. save-and-publish-file 用来保存当前 buffer ,并转换输出当前文件;
  3. save-and-publish-statics 只用来拷贝静态文件资源到 public 文件夹。其好处在于,当你只修改了静态文件时,无需再手动地 拷贝它们,或是执行 save-and-publish-website 保存输入整个项目(当 .org 文件很多时,速度会 很慢)。
  4. 删除 Org 及 Html

想再多问个问题(不是指对 当前 org 文档的更改)?

因在初期在整理 org 文档时, 会有这样的场景, 新建 改名 删除 移动等, 会变动很多时, 再多次要发布时, 每次都是会比较是慢的, 我知道这是 org-html-publish-to-html 自有的特性. 因为也试过不少的各种发布方法. 类如 ox-hugo 等等! 快是快, 但是都太厚重了! 而且侵入性太强, 而且 还对 org 格式有太多要求!

你这个是可自定义最好的, 而且基本尽量都用的是 emacs 原有功能.

网上也搜过不少了, 有人好像提过 MD5 来对比, 但网上文章都是零散的, 要都像你这样写的就好了!

提高发布速度 不知那里有 相关链接 可否推荐下!