Skip to content
a single static blog generater use vue components and markdown files
Vue JavaScript CSS HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
build AutoUpdate:[Monday, December 17th 2018, 5:52:23 pm] Dec 17, 2018
config Merge branch 'master' into github Jan 17, 2019
dist AutoUpdate:[Thursday, January 17th 2019, 11:01:59 am] Jan 17, 2019
docs Updates Dec 3, 2018
src
static Add files via upload Dec 17, 2018
.babelrc 页面获取到目录下,所有文章信息 Dec 3, 2018
.editorconfig 页面获取到目录下,所有文章信息 Dec 3, 2018
.eslintignore AutoUpdate:[Wednesday, December 5th 2018, 4:38:19 pm] Dec 5, 2018
.eslintrc.js AutoUpdate:[Wednesday, December 5th 2018, 4:38:19 pm] Dec 5, 2018
.gitignore 去除ignore post Dec 3, 2018
.postcssrc.js 页面获取到目录下,所有文章信息 Dec 3, 2018
LICENSE Initial commit Dec 3, 2018
README.md Update README.md Apr 10, 2019
favicon.ico favicon Dec 3, 2018
index.html
package.json
yarn.lock Merge pull request #10 from DendiSe7enGitHub/dependabot/npm_and_yarn/… Nov 20, 2019

README.md

Align logo

A beautiful blog generator

项目说明

->项目说明@掘金

推送配置

  1. dist 推送:在目录@/config/index.js中配置如下字段:
module.exports = {
  // 编译后的目录 对应的远程仓库,默认你有配置过远程仓库的SSH key
  distOriginSSh: 'git@github.com:xxx/xxx-blog-xxx.git'
};

配置好之后,npm run build 将会把dist下的代码推送到地址git@github.com:xxx/xxx-blog-xxx.git对应的仓库中

  1. commit记录信息:默认为 npm run build 如果你在 build后追加了其他信息,那这部分的信息会作为 commit message 被提交。

    如果你想自定义提交信息的内容,可以在@/config/index.js中配置commitMessage属性

module.exports = {
  // commit messgae
  commitMessage:
    process.argv.length === 3
      ? `${process.argv[2]}:[${moment().format(
          'dddd, MMMM Do YYYY, h:mm:ss a'
        )}]`
      : `AutoUpdate:[${moment().format('dddd, MMMM Do YYYY, h:mm:ss a')}]`
};
  1. 评论系统的配置
  • 在目录@/config/index.js中先配置以下信息
comments: {
    // commetsRepo : 'gihub用户名/comments存储的仓库名'
    repo: '',
    // github-light | github-dark 主题
    theme: 'github-light'
  },
  1. 个人信息配置
userInfo: {
    name: 'name',
    phone: '1XX-XXXX-XXXX',
    site: 'www.yoursite.com',
    email: 'youemail@xmail.com',
    birth: 'December 10,1991',
    skills: [
      { label: 'HTML', percentage: '80%' },
      { label: 'CSS3', percentage: '60%' },
      { label: 'Javascript', percentage: '60%' },
      { label: 'jQuery', percentage: '50%' },
      { label: 'React', percentage: '60%' },
      { label: 'Vue', percentage: '60%' },
      { label: 'Mini-Program', percentage: '60%' },
      { label: 'Git', percentage: '70%' },
      { label: 'Webpack', percentage: '50%' }
    ],
    // 你所在的城市
    location: 'Shanghai,CN',
    // 职位
    jobTitle: 'Frontend Developer',
    // 个人描述
    description: 'Things we do are all for love'
  },
  1. Landing 页面配置
 ladingInfo: {
    // landing 显示的名称
    blogName: 'Dendionk',
    tagA: 'Dreamer',
    tagB: 'Coder',
    tagC: 'Writter',
    github: '',
    twitter: '',
    email: '',
    linkedIn: ''
  },
  1. 主仓库推送: 未提供配置字段,当前仓库默认为主仓库

  2. 服务器配置:自动拉取更新后的代码[待补充]

配置完成后预览本地,以及上传测试

# install dependencies
yarn

# 调试
yarn dev

# 打包推送代码到对应仓库
yarn build

Blog 使用的 Markdown 语法说明

->语法说明链接

开发中的功能

功能 进度 最近更新时间
Resume简历页面 开发完成 2018-11-30
评论系统 已接入[utteranc](https://utteranc.es/) 2018-12-06
友链 样式和形式待定 2018-12-06
Reward页 样式和形式待定 2018-12-06
自动化部署 完成:在npm run build 之后,会自动推送到对应仓库,结合对应的托管平台的hooks,已经实现本地编译->远程服务器更新 2018-12-06
photo gallery 完成 2019-01-15
上一篇下一篇取消,改成推荐阅读 形式样式设计中 2019-01-15

有更多好的建议,欢迎 pr 或者 issue,这个博客生成系统还有许多的不足,会一直维护下去的。

大家可以在我的 掘金账号找到我,也欢迎邮件dendise7en@gmail.com与我沟通

欢迎关注公众号 「前端恶霸」,扫码关注,好货等着你~

You can’t perform that action at this time.