哎呀~ 系列文一直開好像收不了尾XD
因為看到有趣的東西 總想分享一下

今天要分享的是關於HTML5的東西
會開這個系列文是想說 以後 py 寫出來的成品
除了用之前介紹的exe檔 的方式外
以後也可以用web 來分享給別人使用

首先是安裝 Sublime text 這個東西 來入門
官網 ：https://www.sublimetext.com/

載下來點安裝～一路用預設到底就可以　這就不多說了
接著是 進去後按 Ctrl + Shift + p
這是快捷鍵啦~ 之後可以設定 
好像這程式都是用很多快捷鍵來操作的 ...
看來新手小白可能要習慣一段時間了
畫面會出現一個選單 然˙後再裡邊搜尋 Install Package Control

如下:

下一步很重要喔!! 新手小白被這裡坑了很久!!
看書上或別人的網頁都沒講清楚~~
點擊了 之後 Install Package Control 之後
再等一會 要等一下下 就會又出現一個 視窗
然後在這邊搜尋 Markdown preview
就可以找到套件了(如果沒出現 請重開程式 在從上一步開始)

然後它會在左小角 很小的文字寫 它在安裝.... 的超小的

安裝完後就重開一次 Sublime text  吧

接著我們來設個快捷鍵吧~
目的是為了讓我們可以快的預覽 我們寫好的code
先點選這邊

然後在右邊那個框裡的[ ]輸入

    { "keys": ["alt+v"],"command": "markdown_preview" ,"args":{"target": "browser"} }
如下:

這個圖我的理解是這樣
左邊的是系統預設 所以有一大推快捷鍵
右邊的是我們要新增的
所以打完我們要新增的部分後
你可以點 < ，也就是我下圖紅框的部分
把它記錄為預設，反之也可以 用 > 把一些快捷鍵移過來
總之 關掉之後 左邊的那個框框就是你的預設按鍵了

 

最後我們試著貼上著段code 然後按 Alt+V 看看

<html>
<head>    
</head>
<body>
<h1> HI </h1>
</body>
</html>

你的google chrom就會跑出來這個預覽囉

就這樣~ 新手小白完成了第一個網頁!!
Plz give me a thumb up!!
未來繼續更新喔~

 

arrow
arrow
    全站熱搜

    Markjong001 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄