All Projects → dendoink → Align

dendoink / Align

Licence: BSD-3-Clause license
a single static blog generater use vue components and markdown files

Programming Languages

Vue
7211 projects
javascript
184084 projects - #8 most used programming language
SCSS
7915 projects
HTML
75241 projects

Projects that are alternatives of or similar to Align

Gatsby Theme Try Ghost
A Gatsby theme to build flaring fast blogs from headless Ghost CMS
Stars: ✭ 88 (-4.35%)
Mutual labels:  static-site-generator, blogging
gisture
A minimal and flexible blog generator based on GitHub Gist.
Stars: ✭ 24 (-73.91%)
Mutual labels:  static-site-generator, blogging
create-harold-app
Static blog/site generator
Stars: ✭ 33 (-64.13%)
Mutual labels:  static-site-generator, blogging
Statiq.web
Statiq Web is a flexible static site generator written in .NET.
Stars: ✭ 1,358 (+1376.09%)
Mutual labels:  static-site-generator, blogging
sutanlab.id
☕️ My Personal Homepage & Blog site with NextJS. 🇺🇸 🇮🇩
Stars: ✭ 39 (-57.61%)
Mutual labels:  static-site-generator, blogging
Eleventy Starter Boilerplate
🚀 Eleventy Starter is production-ready with SEO-friendly for quickly starting a blog. ⚡ Built with Eleventy, ESLint, Prettier, Webpack, PostCSS, Tailwind CSS and Netlify CMS (optional).
Stars: ✭ 139 (+51.09%)
Mutual labels:  static-site-generator, blogging
Next Cms Ghost
Publish flaring fast blogs with Next.js and Ghost CMS
Stars: ✭ 107 (+16.3%)
Mutual labels:  static-site-generator, blogging
Gatsby Starter Try Ghost
Publish flaring fast blogs with Gatsby and Ghost
Stars: ✭ 137 (+48.91%)
Mutual labels:  static-site-generator, blogging
directus-metalsmith-snipcart
Lookbook web app with Directus' open source headless CMS, Metalsmith, Vue.js & Snipcart
Stars: ✭ 14 (-84.78%)
Mutual labels:  static-site-generator
template-mundana-bootstrap-html
Free blogging template by Sal (@wowthemesnet). Beautifully crafted with the latest technologies, SASS & Bootstrap 4.1.3, Mundana is the perfect design for your professional blog.
Stars: ✭ 39 (-57.61%)
Mutual labels:  blogging
awesome-astro
Curated resources on building sites with Astro, a brand new way to build static and server rendered sites, with cross-framework components, styling and reactive store support.
Stars: ✭ 210 (+128.26%)
Mutual labels:  static-site-generator
trailing-slash-guide
Understand and fix your static website trailing slash issues!
Stars: ✭ 255 (+177.17%)
Mutual labels:  static-site-generator
shaai
Shaai's mono-repo library
Stars: ✭ 23 (-75%)
Mutual labels:  blogging
writeas-cli
Command line client for Write.as / WriteFreely
Stars: ✭ 94 (+2.17%)
Mutual labels:  blogging
timer-hugo
Timer is a personal portfolio theme powered by Hugo. It also can be use as a landing page theme.
Stars: ✭ 123 (+33.7%)
Mutual labels:  static-site-generator
bymattlee-11ty-starter
A starter boilerplate powered by 11ty, Sanity, Gulp, Tailwind CSS, rollup.js, Alpine.js and Highway.
Stars: ✭ 27 (-70.65%)
Mutual labels:  static-site-generator
persian-hugo
Persian is a box design personal blog theme based on Bootstrap and powered by Hugo. It is very responsive and perfectly fits on any sized screen device.
Stars: ✭ 32 (-65.22%)
Mutual labels:  static-site-generator
iron-beard
Simple, zero-configuration static site generator written in .NET Core.
Stars: ✭ 26 (-71.74%)
Mutual labels:  static-site-generator
contentful-export
Extract Contentful to Hugo
Stars: ✭ 22 (-76.09%)
Mutual labels:  static-site-generator
Edge
A visually aesthetic portfolio theme for Ghost
Stars: ✭ 61 (-33.7%)
Mutual labels:  blogging

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]与我沟通

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].