---
# System prepended metadata

title: BLOG

---

BLOG
===
1. repo
2. netlify 平台，放靜態網站
3. netlify CMS 後臺，管理貼文

* 什麼是SSG？
    * 靜態網站生成器
* 什麼是靜態網站，什麼是動態網站？
    * 靜態網站: 已經寫好的頁面
    * 動態網站: 需要一個後端語言+資料庫->產生頁面
* 什麼是Nuxt.js？
    * 基於vue的framework
    * router是根據資料夾目錄建立的
    * 一種靜態網頁生成器
* 可以複製別人的repo，修改後發布成自己的Blog嗎？
* 什麼是CMS？
    * 內容管理系統,後台,如：wordpress,wix,
* 什麼是markdown？

有後台管理文章
github
可以直接連線的Blog
可以編輯並呈現自己想要的前台

# frontend
home-page
archive
category
tags(keywords)
about(profile)

# backend
pagination
edit post

* API的類型?
接收restful(有意義的網址命名)、json
* 做API在幹嘛？
寫一個程式可以索取資料庫的資料
    * 過濾參數(避免SQL injection)
    * 給予使用者提示或錯誤訊息
    * 把過濾好的資料餵進去程式裡

* django






# database
儲存文章
# ui

# info
部署vue專案到Github-Page
[[Vue] 將Vue專案部署至Github Pages](https://dean34520.medium.com/vue%E7%B3%BB%E5%88%97%E6%96%87-%E5%B0%87vue%E6%AA%94%E6%A1%88%E9%83%A8%E7%BD%B2%E8%87%B3github-334951cadede)
[GitHub Pages Pushing updates manually](https://cli.vuejs.org/guide/deployment.html#github-pages)

後台管理
[vue-element-admin](https://github.com/PanJiaChen/vue-element-admin)
[vue2-editor](https://github.com/davidroyer/vue2-editor)

還不錯的BLOG
[oxxo](https://www.oxxostudio.tw/)
[Let's Write](https://www.letswrite.tw/)
[https://jamstackthemes.dev/ssg/](https://jamstackthemes.dev/ssg/)
[Michael Chen 的技術文件](https://michaelchen.tech/)
[guahsu 背不起來的就寫下來吧](https://guahsu.io/2018/10/vue-sessionstorage-sharing-and-sync-vuex/)
[lisilinhart](https://lisilinhart.info/posts/touch-interaction-vue/)
[パパセンセイ365](https://papasensei365.com/)
[yuugou727](https://yuugou727.github.io/blog/)
[sealman234](https://sealman234.github.io/)
[Calpa](https://calpa.me/2018/09/08/gitguardian-prevent-public-exposure-of-secrets-in-github/)
[256pages](https://blog.256pages.com/)
[六角學院](https://www.hexschool.com/archives/)
[用 Nuxt.js 2.0, Vuetify, Storybook, Firebase 建一個 Blog](https://ithelp.ithome.com.tw/users/20107107/ironman/1614)
[六角學院的洧杰老師](https://hackmd.io/@YmcMgo-NSKOqgTGAjl_5tg/HJpJk8ABU/%2F91FvxC-qToC_mdk2jhldAg)
[超詳細！4小時開發一個SpringBoot+vue前後端分離部落格專案！！](https://www.mdeditor.tw/pl/pMk9/zh-tw)

Question
1. Mediem的拍手？
2. 留言？分享？
3. admin帳號密碼
4. 前台跟後臺是要建在同一個頁面上嗎？還是兩個不同的頁面？這樣要開兩個專案，還是一個專案，一個專案的話資料夾結構要怎麼擺放？
5. 不同post在router上的呈現方式？
blogger: .com/YYYY/MM/title
lisilinhart: .info/posts/title
パパセンセイ365: /title
6. post需要儲存的資料？
- [ ] id
- [x] datetime
- [x] name(純英文，路徑用)
- [x] title(含中文)
- [ ] abstract
- [x] content
- [x] category
- [ ] tags
- [ ] author
- [x] background-img
- [ ] adings
- [ ] status
- [ ] reading time
7. 部落格的類型？特色？
8. firebase是哪一種SQL呢？
[Firebase database for SQL developers](https://medium.com/@hurlatunde/firebase-database-for-sql-developers-162b1f42f62c)
6. 有現成的CMS可以使用嗎？
7. 部落格的主要色調(藍色，橘色，紅色...), 次要色調(灰色)?
8. 字型，字體？
9. 雙語？
10. icon
11. 如何儲存API key?如何讓github page上面的檔案能夠讀取API key?
12. 白天模式，黑夜模式
13. hexo是什麼？
14. GatsbyJS?
15. Netlify?
[netlify是專門針對靜態網站（Static Site）hosting提供的一個超佛心的免費服務](https://blog.alantsai.net/posts/2018/07/migrate-blog-to-ssg-demo-devops-8-netlify-free-static-site-hosting-service)
16. 複製別人的repo改成自己的，發布在網路上會有什麼樣的版權問題呢？
17. 標題要去哪裡改？
好像是放logo，沒辦法改標題
18. 怎麼換logo?
19. 怎麼換favicon.ico?/favicon.ico在哪？
[Changing the favicon](https://reactgo.com/nuxt-change-favicon/)
https://realfavicongenerator.net/
20. 

[Netlify CMS : 完全就是為了 JAMstack 而設計的 CMS 系統](https://ithelp.ithome.com.tw/articles/10252821)
[Creating a blog with NuxtJS and Netlify CMS - 1](https://dev.to/sheikh_ishaan/creating-a-blog-with-nuxtjs-and-netlify-cms-1-44on)
Which framwork is better for me to make a blog?
[Nuxt.js vs VuePress vs Gridsome: Battle For The Best Blog App](https://morioh.com/p/a3f70dd9cc23)
[Best Static Site Generators for Vue.js](https://blog.bitsrc.io/best-static-site-generators-for-vue-js-e273d52ea208)
Nuxt content: flexibilty
Vuepress: document
> example: https://ulivz.com/, https://billyyyyy3320.com/

Gridsome: CMS


[Create a Blog with Nuxt Content](https://nuxtjs.org/blog/creating-blog-with-nuxt-content/)
[Creating a static site with Nuxt content](https://ninest.now.sh/creating-a-static-website-with-nuxt-content)

做到這步就卡住了
```
touch pages/blog/_slug.vue
```

