有用 vs code 寫 CSS 的朋友可以參考一下。
CSS class auto-completion 的功能。
#人生苦短_時間應該浪費在美好的事物上
❤️ CSS class autocompletion. Useful plugin for VS Code that autocompletes based on CSS files in your workspace: https://marketplace.visualstudio.com/items…
Works on HTML, JSX, PHP, Vue, Markdown, Handlebars, EJS & others.
「markdown css」的推薦目錄:
- 關於markdown css 在 91 敏捷開發之路 Facebook 的最佳解答
- 關於markdown css 在 卡斯伯 Facebook 的最佳解答
- 關於markdown css 在 紀老師程式教學網 Facebook 的最佳解答
- 關於markdown css 在 sindresorhus/github-markdown-css: The minimal amount of ... 的評價
- 關於markdown css 在 How to use CSS in Markdown? - Stack Overflow 的評價
- 關於markdown css 在 GitHub Markdown CSS demo - Sindre Sorhus 的評價
- 關於markdown css 在 Markdown CSS 的評價
- 關於markdown css 在 github-markdown-css - BootCDN 的評價
- 關於markdown css 在 github-markdown-css/readme.md - UNPKG 的評價
- 關於markdown css 在 github markdown-css的推薦與評價, 網紅們這樣回答 的評價
- 關於markdown css 在 GITHUB-MARKDOWN-CSS 2.7.0 CDN links - CDNPKG .com 的評價
- 關於markdown css 在 generate-github-markdown-css | Yarn - Package Manager 的評價
- 關於markdown css 在 開源日報第653期:《再創作github-markdown-css》 - 開源工場 的評價
- 關於markdown css 在 GitHub Flavored Markdown doesn't render CSS styles inside a ... 的評價
- 關於markdown css 在 github-markdown-css - Libraries - cdnjs - The #1 free and ... 的評價
- 關於markdown css 在 How to add custom CSS to R Markdown Documents - YouTube 的評價
- 關於markdown css 在 ajdungan/markdown-css-themes - githubmemory 的評價
- 關於markdown css 在 github-markdown-css - npm Package Health Analysis | Snyk 的評價
- 關於markdown css 在 The minimal amount of CSS to replicate the GitHub Markdown ... 的評價
- 關於markdown css 在 CSS Library To Replicate The GitHub Markdown Style 的評價
- 關於markdown css 在 github-markdown-css, 要複製GitHub Markdown 樣式的CSS的 ... 的評價
markdown css 在 卡斯伯 Facebook 的最佳解答
部落格差異選擇
在選擇 Blog 時有幾點是自己比較關注的
- 可以使用 markdown
- 可以把範例放進 Blog 中 (css, js)
也因為這樣,所以後來選擇了 Jeykll, Hexo 這樣的 Blog 工具
但這樣的 Blog 工具也相對麻煩一些
這邊列出幾個選擇給大家參考
### Jekyll, Hexo
這兩者都是將 markdown 編譯並建置在 Github 上
Jekyll 是 Ruby, Hexo 是 Node.js
現在要用建議使用 Hexo 速度會快很多
官方文件也寫得很清楚
非常容易客製化
並且建在 GitHub 上還會送一個潮潮的次網域 (github.io)
優點與缺點並存
要改什麼都自己來
一個全手動的 Blog
Hexo: https://hexo.io/zh-tw/index.html
Jekyll: https://jekyllrb.com/
### Wordpress.org
這是目前最大的 CMS
租個空間、網址就能開始自己的 wordpress
也包含許多現成的版型、套件
但我只是在他上面找不到好用的 markdown 工具而放棄
優點:簡單
缺點:沒有的東西很難生出來
Wordpress: https://wordpress.org/
### Wordpress.com
是 Wordpress 官方商用的 Blog
付個小錢就能使用許多服務
但與上者有類似的問題
找不到好用的 markdown 工具而放棄
優點:更簡單
缺點:沒有的東西就是沒有
Wordpress: https://wordpress.com/
### Medium
專注於讀者體驗的 Blog 工具
作者只要專注在單篇文章
讀者可以輕鬆閱讀不用管作者是誰
並且設計感十足
優點:潮、易用
缺點:缺乏個人風格
(ex:上次好像在哪看到 xxx 文,算了不記得)
Medium: https://medium.com/
markdown css 在 紀老師程式教學網 Facebook 的最佳解答
來看看世界級的網頁工程師用什麼環境開發程式?
NetTuts+ 最近發表了一篇文章,訪問了 15 位世界級的網頁工程師,詢問他們下列四個問題:
1. 你主要的工作是什麼?
2. 你用什麼樣的電腦開發程式?
3. 你用什麼樣的軟體來撰寫程式碼?
4. 哪些軟體你不用會死
結果...清一色全部用 Mac 系統啊!我之前也建議,Mac 有比 Windows 更友善的介面,但又使用 FreeBSD 這顆 Unix 家族的強力引擎,兼具 Linux 的強大。真的是軟體工程師的上上之選哪~(個人也已經使用快一年了)。
另外,寫碼工具也由 Sublime Text 獲得壓倒性勝利!我之前也在這個版推薦過好幾次。真的非常鼓勵程式師們去學啊!
原文在此,順便幫大家翻譯一下:
http://net.tutsplus.com/articles/what-are-you-using/
Scott Gonzalez: jQuery UI 主要作者之一
* 主要工作:JavaScript & Node.js
* 硬體平台:MacBook Pro
* 開發工具:Sublime Text + TrailingSpaces, Pretty JSON, GitGutter, Markdown Preview 四個外掛
* 必備軟體:Git/GitHub, Apache, Chrome, Linkinus, Skype, Node
Raymond Camden: Adobe 資深工程師,制定各種網頁標準
* 主要工作:制定各種網頁標準
* 硬體平台:MacBook Pro
* 開發工具:Brackets
* 必備軟體:Chrome, Brackets, Tweetdeck, Evernote
John-David Dalton: jsPerf 與 Benchmark.js 作者,JavaScript 狂熱愛好者
* 主要工作:撰寫各種函式庫
* 硬體平台:MacBook Pro
* 開發工具:Komodo Edit
* 必備軟體:Total Finder, Chrome/Firefox/Opera/Safari/IE, Node, Ringo, Rhino, Narwhal
Stephanie Sullivan Rewis: HOW Design, UI16, An Event Apart, Microsoft’s MIX, Macworld, SXSW, Adobe Max 等大型研討會策展人
* 主要工作:前端網頁開發(HTML/CSS/JavaScript)
* 硬體平台:MacBook Pro
* 開發工具:Sublime Text
* 必備軟體:CodeKit, Tower, HipChat, Fireworks, Chrome
Christian Heilmann: Web 技術專欄作家
* 主要工作:科技文章撰寫
* 硬體平台:MacBook Air
* 開發工具:Sublime Text
* 必備軟體:瀏覽器, Git, IRC, Dropbox, Spotify
Ryan Grove: SmugMug 這個 JavaScript 元件的作者
* 主要工作:JavaScript 函式庫撰寫
* 硬體平台:Mac Pro(桌機,工作站等級)
* 開發工具:Sublime Text
* 必備軟體:Sublime Text, JSHint, Adium, Tower, Dropbox, Rsync, Arg, Gmail, GitHub, Chrome, Google Hangouts...等
Cody Lindley
* 主要工作:前端網頁技術(HTML/CSS/JavaScript)
* 硬體平台:MacBook Pro
* 開發工具:Sublime Text
* 必備軟體:SmartGit, Sublime, Divvy, JumpCut, Skype, Chrome...等。
Luke Smith: YUI 這個 JavaScript 函式庫的主要作者
* 主要工作:JavaScript 函式庫撰寫
* 硬體平台:MacBook Air
* 開發工具:Vim
* 必備軟體:Vim, Git
Chris Williams: SaferAging 副總,JSConf US 與 RobotsConf 會議主席
* 主要工作:各類硬體感知器的程式撰寫
* 硬體平台:Mac Pro, MacBook Air, Mac Mini
* 開發工具:Sublime Text 3
* 必備軟體:Sublime Text, iTerm2, Fish Shell, Wunderlist
Aaron Newton: Thanx 專案經理
* 主要工作:HTML5
* 硬體平台:MacBook Pro
* 開發工具:Sublime Text
* 必備軟體:CloudApp, Jing, Sequel Pro, Jumpcut, Total Terminal, GitX
Ben Cherry: Pushd 工程師
* 主要工作:Ruby, iOS, JavaScript
* 硬體平台:MacBook Pro
* 開發工具:Sublime Text
* 必備軟體:Sublime Text 2, iTerm 2, Chrome, 1Password, Gmail, Flipboard, Twitter, Facebook, Reddit
Jacob Thornton: @medium, Bootstrap, Bower 等知名 JavaScript 函式庫作者
* 主要工作:HTML, CSS, JavaScript
* 硬體平台:MacBook Pro
* 開發工具:Sublime Text 2
* 必備軟體:Rdio
Lea Verou: W3C 委員會開發者
* 主要工作:HTML, CSS, JavaScript
* 硬體平台:MacBook Air
* 開發工具:Espresso
* 必備軟體:Espresso, Transmit, CodeKit, Adobe Illustrator, Chrome, Safari, Firefox, Opera, WebKit nightlies, Chrome Canary
Jonathan Snook: Shopify 工程師
* 主要工作:HTML/CSS/JavaScript
* 硬體平台:MacBook Air
* 開發工具:Vim
* 必備軟體:Vim, Chrome,
Peter Wagenet: Ember 這個 JavaScript 函式庫的主要成員
* 主要工作:JavaScript
* 硬體平台:MacBook Air
* 開發工具:Sublime Text 3
* 必備軟體:Chrome, Firefox, Adium, GTalk, Twitter, Divvy, 1Password, Bartender
markdown css 在 GitHub Markdown CSS demo - Sindre Sorhus 的推薦與評價
GitHub Markdown CSS demo ... Code blocks are part of the Markdown spec, but syntax highlighting isn't. However, many renderers -- like Github's and Markdown ... ... <看更多>
markdown css 在 sindresorhus/github-markdown-css: The minimal amount of ... 的推薦與評價
Import the github-markdown.css file and add a markdown-body class to the container of your rendered Markdown and set a width for it. GitHub uses 980px width and ... ... <看更多>