yubisaki / vuepress-theme-yubisaki Goto Github PK
View Code? Open in Web Editor NEW:sparkles: A blog theme for vuepress
License: MIT License
:sparkles: A blog theme for vuepress
License: MIT License
我在.vuepress文件夹下放入我的logo,但是我目前没有办法直接引入到您的主题中,请问一下您在引用静态资源的时候是怎么样做的呢~?
如果能把依赖项都列出来就更有好了 #
I noticed that you rewrite gitalk with Vue for comments.
Vssue is based on Vue and provides a Vuepress plugin, you can integrate it easily.
Consider migrating to it? 😉
使用vuepress官方的目录结构;新版vuepress(0.8)中,dev正常,build报错:
getTitle为undefine
import { pathToComponentName, getTitle, getLang } from "@app/util";
具体报错信息如下:
$ npm run build
> [email protected] build C:\Users\Administrator\Desktop\vuepress
> node bin/vuepress build docs
Rendering static HTML...
Rendering page: /Error rendering /:
TypeError: undefined is not a function
at VueComponent.created (node_modules/vuepress-theme-yubisaki/Layout.vue?31c1:127:0)
at callHook (C:\Users\Administrator\Desktop\vuepress\node_modules\vue\dist\vue.runtime.common.js:2919:21)
at VueComponent.Vue._init (C:\Users\Administrator\Desktop\vuepress\node_modules\vue\dist\vue.runtime.common.js:4628:5)
at new VueComponent (C:\Users\Administrator\Desktop\vuepress\node_modules\vue\dist\vue.runtime.common.js:4796:12)
at createComponentInstanceForVnode (C:\Users\Administrator\Desktop\vuepress\node_modules\vue-server-renderer\build.js:7342:10)
at renderComponentInner (C:\Users\Administrator\Desktop\vuepress\node_modules\vue-server-renderer\build.js:7516:40)
at renderComponent (C:\Users\Administrator\Desktop\vuepress\node_modules\vue-server-renderer\build.js:7491:5)
at RenderContext.renderNode (C:\Users\Administrator\Desktop\vuepress\node_modules\vue-server-renderer\build.js:7407:5)
at RenderContext.next (C:\Users\Administrator\Desktop\vuepress\node_modules\vue-server-renderer\build.js:2428:14)
at cachedWrite (C:\Users\Administrator\Desktop\vuepress\node_modules\vue-server-renderer\build.js:2287:9)
at renderElement (C:\Users\Administrator\Desktop\vuepress\node_modules\vue-server-renderer\build.js:7645:5)
at renderNode (C:\Users\Administrator\Desktop\vuepress\node_modules\vue-server-renderer\build.js:7409:5)
at render (C:\Users\Administrator\Desktop\vuepress\node_modules\vue-server-renderer\build.js:7753:5)
at Object.renderToString (C:\Users\Administrator\Desktop\vuepress\node_modules\vue-server-renderer\build.js:8232:9)
at C:\Users\Administrator\Desktop\vuepress\node_modules\vue-server-renderer\build.js:8569:22
at <anonymous>
使用0.7正常;
cannot import markdown-it-task-lists and markdown-it-imsize
这款博客主题非常好用,让我重新开始有动力写博客了;
建议增加【文章正文页显示时间】,【文章分类页】功能,这两个功能如果有了,就是一个比较完善的博客了!
你好,请问footer只是在themeConfig下配置如下内容吗?
footer: '锁窗前月明色, 雕阑外夜气清' // 会显示在博客的 footer 中
在我的博客中使用不生效呢:
themeConfig: {
background: `https://s1.ax1x.com/2018/11/08/i7Y6L8.jpg`,
github: 'xxx',
logo: '/img/logo.jpg',
footer:'十步杀一人,千里不留行',
accentColor: '#ac0b39',
per_page: 6,
lastUpdated: 'Last Updated', // string | boolean
date_format: 'yyyy-MM-dd HH:mm:ss',
tags: true,
// gitalk 的配置项, 不支持 flipMoveOptions
comment: {
clientID: 'xxx',
clientSecret: 'xxx',
repo: 'xxx',
owner: 'xxx',
admin: ['xxx'],
perPage: 5,
id: 'comment', // Ensure uniqueness and length less than 50
distractionFreeMode: false // Facebook-like distraction free mode
},
nav: [
{text: 'About', link: '/about/about'},
{text: 'Github', link: 'xxx'}
]
},
Hi,
I have created a new application on github with following settings:
application name: myblog
homepage url: myblog.com
application description : xyz
authorization callback url: myblog.com
and I have added this config in my .config.js
comment: {
clientID: 'abcdxyz',
clientSecret: 'xyzbcd',
repo: 'https://www.github.com/Sparkenstein',
owner: 'Sparkenstein',
admin: ['Sparkenstein'],
perPage: 5,
id: Math.random()*10, // Don't know what to give here
distractionFreeMode: false
}
I am having Error while developing like
Error: Not Found
What is going wrong? am I missing something? and what id
field supposed to hold?
我看到content组件是直接Vue.component('Content', Content)注册到了vue实例上,而具体content组件的实现content.js里面看不太懂,这样content里面解析md的格式就是固定的了
1.请问content组件的具体实现在那个位置?
2.content组件内的元素样式是否可以自定义?
谢谢
笔记上看现在的GitHub卡片占位有点多,如果能隐藏,主内容宽度是否可以自适应,如果有可以设置的地方,帮忙回复一下哈
I tried using this below, but it did not work for me.
let test = '';
console.log('test', test);
console.log('test hightlight');
使用 标签出现了重复标题现象;
现象:https://s1.ax1x.com/2018/11/08/i7dvMn.png
i found that index.js
in your theme dir,
module.exports = ({ comments = {} }) => ({
layoutDir: 'layouts',
plugins: [
['@vssue/vuepress-plugin-vssue', Object.assign({
platform: 'github',
}, comments)],
]
})
i think it should be comment
, not comments
install new theme and vuepress@next old config file runing but content boom . I want to install old theme. that is x.x.x?
can you paster out your blog directory tree? I look your theme@next articles in the blog update my blog configuration but content is white. Tag is normal . Home undefined blog articles.
i use your config, but
[Vue warn]: Error in render: "TypeError: Cannot read property 'interval' of undefined"
found in
---> at node_modules/vuepress-theme-yubisaki/layouts/Layout.vue
at node_modules/@vuepress/core/lib/app/components/GlobalLayout.vue
配置如下:
comment: {
clientID: '*****',
clientSecret: '*****',
repo: 'myblog',
owner: '*****',
admin: ['*****'],
perPage: 5,
distractionFreeMode: false // Facebook-like distraction free mode
},
gitalk配置中id:location.pathname
我运行不起来,location不存在 如何解决?
FAIL ReferenceError: location is not defined
at Object. (F:\zjblog\docs.vuepress\config.js:44:9)
Can you give a example (link/url) of project using the theme please?
建议增加评论
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.