viko16 / vue-ghpages-blog

[DEPRECATED] ✏️ A blog based on GitHub Pages built with Vue.js 2 + webpack 3.

vue-ghpages-blog

✏️ A blog based on GitHub Pages built with Vue.js 2 + webpack 3.

一个依赖 GitHub Pages，无需本地生成的静态博客，使用了 Vue.js 2 组件开发，webpack 3 打包。

[DEPRECATED] 不再维护！！

• I've switched my blog project to VuePress. And this repository is no longer maintained. If you like the theme, you can try vuepress-theme-simple.
• 我已经将自己的博客程序迁移为 VuePress，这个库也不再维护。如果你喜欢这个主题，可以试试 vuepress-theme-simple，原汁原味~

Demo: https://viko16.github.io/vue-ghpages-blog/

Features

• Vue 2 / Vue-router / axios
• webpack 3 / Babel 6 / Stylus
• No need to generate locally ( now using TravisCI )
• Hosting on GitHub Pages
• SessionStorage cache

Develop

Note: src/config.js points the configurations of my personal blog. If you fork this repository, modify it first. 😳

# Install dependencies
npm install
# Develop with hot reload
npm run dev
# Lint and Test
npm test

Vue 1.x version

For the Vue 1.x version, please see the vue-1 branch.

About My Workflow

• All the posts are stored in viko16/writings, while src/config.js points it.
• When I push the code to develop branch, TravisCI will deploy gh-pages automatically.

License

MIT © viko16

vue-ghpages-blog's Issues

Vue Devtools tips may appear in Edge

Windows 10
Microsoft Edge 38.14393.0.0

"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.79 Safari/537.36 Edge/14.14393"

...

你的博客《一些前端工具站点》中，CSS三角形生成工具链接改了，https://leekoho.github.io/

关于服务器端渲染markdown

您好！我看到你在将 Markdown 渲染交给 GitHub一文中写道，您将之前的获取了 Markdown 的 raw 形式，然后使用 JavaScript 在浏览器端进行渲染和代码高亮着色的改成了使用xhr.setRequestHeader("Accept", "application/vnd.github.v3.html")接口。

可是我fork下来的你的最新版本中貌似还是使用的是老的浏览器端渲染。
比如：
src/utils/render.js
api/index.js文件中的 headers: { Accept: 'application/vnd.github.v3.raw' }

搜索框输入关键词后跳转错误的页面

搜索框输入关键词后跳转错误的页面

history mode for using anchors and TOC

I modified the project a bit to use markdown-it and its plugins. one of it is anchor. However since this projects router uses hash mode it misunderstands the link and puts the anchor right at the root of url. If I change the path of build.js to /build.js and change the mode to history, it works.

Therefore want to ask it is more preferable to make the change? I can make a PR for that.

详细页标题错误

当前详细页的日期 / 标题全部从 url 读取，以下情况下容易产生日期 / 标题错误：

• url 被转义（因为有中文）
• url 被手动修改过（有注入危险）

截图：

SEO 问题

首先我非常喜欢这样的架构，也用这个来练 Vue 力。

想知道关于 #1 todolist 里的 SEO 问题，是用 SSR (Server-Side Rendering) 吗？或者是有更好的方法？

Refactor with @vue/cli 3.x

https://github.com/vuejs/vue-cli

When v3.0.0 available

Index html not in root path

With npm run build, the index html appears in dist directory. Should it be in root directory instead?

pagination?

how can i paginate

TODO

目前还是挺简陋的，至少缺了这些功能

• 搜索
• SEO
• HTML5 History Mode
• 过渡动画
• TOC
• GraphQL API v4
• PWA

Q & A

• Q: 为什么没用用上 GitHub API v4 ?
  A: GraphQL API 暂时还不支持匿名调用 😢

完善搜索

Travis-CI encryption-keys security issue

As my carelessness, Travis-CI's outputs will leak out the GitHub personal access tokens.

@dylanninin point it in 89f70f5 .

Screenshots

Homepage:

Post:

Related: v1.0.0

请问不绑定CNAME可以访问吗

你好，我没有绑定CNAME，使用travis-ci构建是ok的，

直接使用 https://webbings.github.io/vue-ghpages-blog/ 访问时空白的，哪里有问题呢？

为何网站不显示内容？

hi.
我按你的repo在自己的vps上搭建了博客 http://vgb.bright.biz.st/ ，不过为何网站不显示内容？
root@AR:/usr/local/vue-ghpages-blog# cat src/conf.json
{
"blogTitle": "Unknow Me",
"repo": "luckypoem/writings",
"path": "posts",
"branch": master,
"favicon": null
}
root@AR:/usr/local/vue-ghpages-blog#

我修改了conf.json,难道是conf.json没改对？

可以直接在hexo上运行吗？

可能后怎么在hexo上跑，不知道如何配置 -._-!!