程式碼上色函式庫 highlight.js

功能 程式碼上色,可以用 syntax 找相關的英文資源 ,這個函式庫可以將部落格的程式碼文字依照關鍵字、註解等上不同顏色。 使用方法 引入 css 與 js 函式庫 依照規範撰寫pre tag 與 code tag 寫進指定 js 碼 ※css有各種style。 各種style展示 查詢對應CDN 一般網頁 ※外引CDN函示庫的方法 引入 js 與 css 函式庫 <head> //引入css,這裡選擇tomorrow style <link rel=”stylesheet” ref=”https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/tomorrow.min.css” /> //引入js <script src=”https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/highlight.min.js”></script> </head> 依照規範撰寫 pre 與 code pre tag 裡面包一層 code tag <code class=”程式語言名”> //以寫css碼為例 <pre> <code class=”css”> pre […]

windows 日文字型介紹

使用方式 中文國字與日文漢字有微小差異,為防止漢字缺漏的問題(突然變成新細明體),套用日文字型前要先將中文國字轉為日文漢字。 轉換器 Win Mac 共通字體 游ゴシック Windows8.1以後、MacOS10.9以後 世界がぜんたい幸福にならないうちは個人の幸福はあり得ない 神は人間に孤独を与えた。然も同等に人間に孤独ではいられない性質も与えた。 游明朝 Windows8.1以後、MacOS10.9以後 世界がぜんたい幸福にならないうちは個人の幸福はあり得ない 神は人間に孤独を与えた。然も同等に人間に孤独ではいられない性質も与えた。 Win 單獨字體 メイリオ Windows Vista以後 世界がぜんたい幸福にならないうちは個人の幸福はあり得ない 神は人間に孤独を与えた。然も同等に人間に孤独ではいられない性質も与えた。 Meiryo UI Windows 7以後 世界がぜんたい幸福にならないうちは個人の幸福はあり得ない 神は人間に孤独を与えた。然も同等に人間に孤独ではいられない性質も与えた。 MS Pゴシック Windows95以後 世界がぜんたい幸福にならないうちは個人の幸福はあり得ない 神は人間に孤独を与えた。然も同等に人間に孤独ではいられない性質も与えた。 MS P明朝 Windows95以後 世界がぜんたい幸福にならないうちは個人の幸福はあり得ない 神は人間に孤独を与えた。然も同等に人間に孤独ではいられない性質も与えた。 HGS明朝E Windows95以後 世界がぜんたい幸福にならないうちは個人の幸福はあり得ない 神は人間に孤独を与えた。然も同等に人間に孤独ではいられない性質も与えた。 Early Access Google Fonts Google早期フォント Rounded M+ 1c *Early Access Google Fonts在wordpress上面沒有效果 使用方法 @import […]

國字漢字轉換器

功能説明 轉換成日文漢字,方便使用網頁或文書處理的預設日文漂亮字型 日文字型一覽 範例 textarea#old textarea#newText textarea width: 300px height: 400px //展示用文字 var text=”這是一段中文内容的説明文\n注意觀察【内】﹐【説】的變化”; //使用陣列紀錄 //持續更新中 var replaceArray=[ {from:”內”,to: “内”}, {from:”值”,to: “値”}, {from:”查”,to: “査”}, {from:”啟”,to: “啓”}, {from:”說”,to: “説”}, {from:”產”,to: “産”}, {from:”每”,to: “毎”}, {from:”蔥”,to: “葱”} ]; //沒有對應的日文漢字 //喵 //origText到時候代入old的值 var translate = function(origText){ for(i=0;i<replaceArray.length;i++){ //取代全部 參考這篇文章 var repAll=new RegExp(replaceArray[i].from, “g”); origText=origText.replace(repAll, replaceArray[i].to); } return origText; } […]

快速鍵

F功能鍵 F1 顯示説明 F2 為選取的項目重新命名 F3 搜尋檔案或資料夾 F4 顯示 [Windows 檔案總管] 中的網址列清單 F5 重新整理使用中的視窗 F6 將螢幕項目循環顯示在視窗中或桌面上 F10 啓動使用中程式的功能表列 Ctrl鍵 Ctrl+A 選取文件或視窗中的所有項目 Ctrl+C 複製選取的項目 Ctrl+Insert 複製選取的項目 Ctrl+X 剪下選取的項目 Ctrl+V 貼上選取的項目 Shift+Insert 貼上選取的項目 Ctrl+Z 復原動作 Ctrl+Y 重做動作 Ctrl+向右鍵 將游標移至下一字組的字首 Ctrl+向左鍵 將游標移至前一字組的字首 Ctrl+向下鍵 將游標移至下一段落的開頭 Ctrl+向上鍵 將游標移至前一段落的開頭 Ctrl+Shift及方向鍵 選取文字區塊 Ctrl及任一方向鍵+空格鍵 選取視窗或桌面上多個個別項目 Ctrl+F4 關閉正在使用的文件 (該程式允許你同時開啓多份文件) Ctrl+滑鼠滾輪 變更桌面上圖示的大小 Ctrl+D 刪除選取的項目,並將它移至 [資源回收筒] […]

線上資源

圖片 pic jumbo stock snap unsplash イラストや GIF製作:EZGIF 圖示 icon finder font awesome icons 8 SVG 壓縮:SVGOMG CSS CSS hake cssreference 顏色與設計 Adobe color CC Dribbble coolors BrandColors Color Supply Color Hunt Adobe系列 Adobe 官方教學 CG數位學習網 Dansky Adobe系列教學影片 PhotoShop Playback Kk hui PS AI 教學影片 doyoudo 設計教學 APP學習 AppCoda Sweet tutos YouTube頻道:Jared Davidson 網頁開發 瀏覽器相容性:Can I […]