wujun234 / hexo-theme-tree Goto Github PK
View Code? Open in Web Editor NEWLicense: MIT License
License: MIT License
作者你好,我已經搜索過問題,似乎沒有人提問到。
請問我因為資料比較少,但仍然有樹的結構,請問我有辦法預設讓樹展開嗎?
若是微調的話,可否能給我一些建議呢?
老哥主题设置很棒,很简约
代码块没有语法高亮,能解决么?
之前有issue说是用第三方插件?有的话请指路,能否有好的代码主题插件推荐?
'
和"
会被渲染成全角字符’
和”
, 在默认的字体下占两个字符宽度。
主题的使用者通常有修改主题代码的需求。因此建议添加一个开源许可证以允许使用者进行修改以及再分发等等。
老哥,你这个主题真的太棒了,但是无法显示markdown的公式,这个该怎么解决呀?
好像hexo本身没有一个自己的字体设置配置。
比方说通过链接打开这个博客:https://seekstar.github.io/2021/12/30/给flatpak添加国内镜像源/,侧边栏虽然自动展开了对应的父目录,但是并没有跳转到该博客。我的博客源码:https://github.com/seekstar/blog
感觉主题非常不错,能优化一下代码块就完美了。
手机上看-回到顶部按钮不好使
Cannot read property 'charCodeAt' of undefined
at eval (/Users/qs/Documents/CoreTxt/Blog/themes/tree/layout/_partial/sidebar.ejs:57:25)
at Array.sort (native)
at showTree (/Users/qs/Documents/CoreTxt/Blog/themes/tree/layout/_partial/sidebar.ejs:54:12)
at eval (/Users/qs/Documents/CoreTxt/Blog/themes/tree/layout/_partial/sidebar.ejs:90:17)
at Array.forEach ()
at showTree (/Users/qs/Documents/CoreTxt/Blog/themes/tree/layout/_partial/sidebar.ejs:63:12)
at eval (/Users/qs/Documents/CoreTxt/Blog/themes/tree/layout/_partial/sidebar.ejs:98:5)
你应该写个demo
方便我这样的新手使用,实不相瞒 我搞了两三个小时才把文件归档搞明白 ,,
代码着色问题如何解决,我的是白底?
如google\baidu的收录验证文件,googlexxxxxxxxxxxxxxxxx.html里面就一行代码,还不能改。
最好是放在source/下面,但生成时会出错。
例如:
------
这种markdown没有反应。
然后回车换行后,段落之间依然是连在一起。
不知道是不是markdown-it的原因?
这个Hexo主题很漂亮和实用,第一眼就喜欢上了。
能增加以下两个功能吗?谢谢
1、giscus评论系统,
2、流程图时序图。
如果这个主题拥有全文搜索的话,就完美了。知识点太多,我有时候只想到关键字,如果标题没有关键字,基本搜索不到。
{% post_link “洗股“让上市公司高管避税减持 %}
因为sidebar的目录生成是根据folder和里面的md文章生成的,post_link
是hexo的自带function,不知道是不是中文的原因, 没有显示。
我使用了您在 readme 中推荐的公式编译插件,效果并不理想。我的是数学笔记设计很多复杂公式。
于是我使用 hexo-renderer-markdown-it-plus
渲染器解决了这一问题,该渲染器完美支持 KaTeX
使用步骤:
npm uninstall hexo-renderer-marked --save
npm install hexo-renderer-markdown-it-plus --save
_config.yml
:## 原始设置
highlight:
enable: false
## 新增
markdown_it_plus:
highlight: true
html: true
xhtmlOut: true
breaks: true
langPrefix:
linkify: true
typographer:
quotes: “”‘’
plugins:
- plugin:
name: markdown-it-mark
enable: false
/themes/material-x/layout/_partial/head.ejs
中最后一行添加:<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.css" integrity="sha384-zB1R0rpPzHqg7Kpt0Aljp8JPLqbXI3bhnPWROx27a9N0Ll6ZP/+DiW/UqRcLbRjq" crossorigin="anonymous">
<!-- The loading of KaTeX is deferred to speed up page rendering -->
<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.js" integrity="sha384-y23I5Q6l+B6vatafAwxRu/0oK/79VlbSz7Q9aiSZUvyWYIYsd+qj+o24G5ZU2zJz" crossorigin="anonymous"></script>
<!-- To automatically render math in text elements, include the auto-render extension: -->
<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/contrib/auto-render.min.js" integrity="sha384-kWPLUVMOks5AQFrykwIup5lo0m3iMkkHrD0uJ4H5cjeGihAutqP0yW0J6dpFiVkI" crossorigin="anonymous"
onload="renderMathInElement(document.body);"></script>
部署到 Github 后,点击网址:https://gaotianhe.github.io/knowledge/ 。
发现页面没有渲染,只有文本。我把你的博客下载后放到 public 文件夹里,发现 404 了。
我是github新手。
这是我目前的site.category列表:
Ability-Language-English
Computer-Hardware
Computer-Web-Blog
MAIN
Tool
计算机-a
我的侧栏点击的时候不弹出。
欢迎远程调试。
另外,求问ejs用什么IDE能让格式好看一点?我用的VScode,试了很多插件也不能识别ejs for,总是把缩进取消。google也没找到。
作者您好,今天发现左侧的导航栏无法弹出了。
看起来是因为dns污染,导致无法访问 https://cdn.jsdelivr.net 中的一个css资源
(我尝试过如果挂上代理,就没有问题了)
我想请问一下,这个 https://cdn.jsdelivr.net/gh/highlightjs/[email protected]/build/styles/darcula.min.css
是否可以将它本地化。
手机/pad端和窄屏幕模式下打开侧栏时,页面会被遮挡。
此时不会自动改变页面内容的宽度,同时还能操作(如打开链接)等。
如需遮挡主页面,最好加个遮罩层。如不需,最好改变body的宽度。
很多主题都做成了npm包,npm install
一下就行,非常方便。hexo-theme-tree
可以也做成一个npm包吗?
文章的最后上一篇和下一篇方向是相反的,左边是下一篇,右边是上一篇。我以为是模板里面写反了,把模板里面next和pre互换了位置,结果还是反的,不知道什么原因。
作者你好,表示非常喜欢这个主题。
今天找了一下午,树状结构非常适合来记笔记。
这里有两个问题想请教一下:
1.点击文章后,左侧导航栏无法实时定位到文章位置。
需要再次刷新后,才会在左侧导航栏中定位到文章,并显示出文章的大纲视图。
我是在本地localhost测试的,清理过缓存也试过。没有找到什么原因导致的。
2.文章标题是不是只能修改文章的md文件命名。
下面的title字段是不是无法影响到文章名。
---
title: Deadline 使用技巧
date: 2020-11-21 17:17:02
---
空了回复我一下就好,谢谢啦
比方说在https://wujun234.github.io/里以jackson
为关键词进行全站搜索,跳出的谷歌搜索页面中的第四条是输出 sout 到日志文件
:
但是这个博客的正文根本没有jackson
。
有没有什么方法在生成的html里标记这些都不是正文?
是否支持本地图?我尝试在md中添加_post目录下的图,但是有问题。
类似于这种的:
主要是看 _config.yml 文件 包引用文件的配置项,
我在生成步骤出错, 安装了 markdown-it 文章内容是我自己写的内容 地址是: https://github.com/YellowTulipShow/-ArticleNotes 基本上是直接全部拷贝到 source/_posts/ 下的, 基本上没有做额外的操作
按照步骤部署后,标签的页面显示不出标签的标识和统计只显示文章,而分类的页面则是空白,并报错no layout,有时甚至不报错,但就是空白的。检查过很多遍也查了很多次,请问要如何解决?
1.安装插件
npm install hexo-filter-mermaid-diagrams
2.编辑配置文件
编辑/thems/tree/_config.yml,在 _config.yml 的最后加上以下内容,在根目录下写不写没有影响
# mermaid chart
mermaid: ## mermaid url https://github.com/knsv/mermaid
enable: true # default true
version: "7.1.2" # default v7.1.2
options: # find more api options from https://github.com/knsv/mermaid/blob/master/src/mermaidAPI.js
#startOnload: true // default true
3.引入js文件
找到主题里面的页脚文件,也即 themes/tree/layout/_partials/footer.ejs ,在文件最后加上以下内容
<% if (theme.mermaid.enable) { %>
<script src='https://unpkg.com/mermaid@<%= theme.mermaid.version %>/dist/mermaid.min.js'></script>
<script>
if (window.mermaid) {
mermaid.initialize({theme: 'forest'});
}
</script>
<% } %>
添加之后一定是成功的,但预览时可能会发现编写的思维导图代码仍然是源代码,这个问题的原因可能是由于缓存问题或者加载的比较慢,大哥们有没有解决方法
这个教程好像对本主题不适用?
Hexo 搭建:配置 Rss 订阅功能
希望可以添加点击图片后放大查看的功能
吴先生您好,我查看到您的图片都放置在imges文件夹中
但是在我在编辑Markdown语言时使用的是Typora工具
由于本主题的树结构是由文件夹关系体现的,所以Md文件与images文件夹的关系不确定
我不知道如何快捷的在任意一个文件夹目录下通过相对路径引用图片,请问您能提供一个方法吗
目前我已经尝试了assert选项的方法但是无济于事
hr标签在文章中无法生效。
能不能以某关键字作为开头,实现全文搜索或者标题搜索?
hexo new xxx 这样只能创建出文章,如何想你的demo那样,形成树形结构呀
懂的不多,使用方法中markdown-it的配置使用能否介绍的详细点?
转去官网两个命令安装后(
npm install markdown-it --save
bower install markdown-it --save)
效果:https://beenstone01.github.io/2020/04/23/hello-world/
就不知道接下来怎么操作了……烦请斧正,谢谢。
怎样命名source文件夹里的文件夹名和文章的文件名才能生成目录树呢?
目前文章的URL结构是:域名/20xx/xx/xx/目录/子目录1/子目录2/文章名
这样的坏处是修改文章目录的时候,文章的URL会变,如果这个URL已经分享给别人的话,别人就会发现这是一个死链。所以能不能让URL中不含目录,即URL结构是域名/20xx/xx/xx/文章名
?
比如要去掉URL里的日期,就只需要在_config.yml
里把permalink
从:year/:month/:day/:title/
改成:title/
即可,可不可以用类似的方式让用户来选择要不要在URL里加入目录?
访问 http://localhost:4000/ 时控制台报错
Unhandled rejection TypeError: /Users/moka/Desktop/moka12579.github.io/themes/tree/layout/post.ejs:2
id="article-title"
<%- page.title || page.slug.split("/")[page.slug.split("/").length-1] %>
Cannot read properties of undefined (reading 'split')
生成静态文件后,样式没了
code部分无法自动换行,
我之前为了能正常显示Latex公式,安装了hexo-renderer-pandoc。公式虽然能正常显示了,但是代码的基础色从白色变成蓝色了。因为底是黑色的,所以非常难看。我在tree主题里的layout/_partial/head.ejs里把
<%- css('https://cdn.jsdelivr.net/gh/highlightjs/[email protected]/build/styles/darcula.min.css') %>
改成
<%- css('https://cdn.jsdelivr.net/gh/highlightjs/[email protected]/build/styles/github.min.css') %>
之后,姑且把底换成浅灰色了,但是代码基础色还是蓝色的,理想状态应该是黑色。请问这个现象跟这个主题的配色有关系吗?
ps: 要是可以直接用pandoc里的highlight就好了。我在本地用pandoc的默认highlight方案生成的html非常好看。
首先感谢老哥的主题,完全在我做笔记风格上
问题:
侧栏宽度是固定的,当文章标题过长时无法完全展示,尤其是多分级的情况下,文章标题遮挡严重
建议:
请问是否考虑过添加gitalk作为评论插件之一
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.