Align

a single static blog generater use vue components and markdown files

92
16
Vue

Align logo

A beautiful blog generator

项目说明

->项目说明@掘金

推送配置

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

配置好之后,npm run build 将会把dist下的代码推送到地址[email protected]: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: '[email protected]',
    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,这个博客生成系统还有许多的不足,会一直维护下去的。

大家可以在我的 掘金账号找到我,也欢迎邮件[email protected]与我沟通

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