整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
為一名編程人員，在學習各種編程語言時，會經常翻閱官方的chm幫助手冊學習，那么你是否也想制作一個自己的幫助文檔呢？下面和我一起做吧！
1.首先制作html文檔
如果要用到圖片,即將圖片和該html文檔放到同一個文件夾下,如果要用到css文件,最好也放在同一文件夾下.
2.按以下圖步驟操作，工具HTML Help Workshop
軟件界面
新建方案
新建方案第二步
輸入方案名稱
可以新建一個后綴名為hhp的文件，必須和htm文件在同一個目錄，名稱隨意。
如果有，系統會提示已經存在，是否繼續使用，點擊是。
選擇文件類型為html文件
添加需要制作的htm文件
選擇點擊打開
然后下一步
新建方案完成
點擊目錄，會彈出一個框
彈框選擇確定
會分配一個默認的hhc文件名稱，可以修改，然后點擊保存
目錄新建完之后的界面
插入標題
修改標題的默認圖標
然后插入頁面，點擊否
輸入頁面的名稱，添加頁面的相應文件
點擊確定
按照以上方法把所有需要添加的文件添加進來，頁面名稱可以修改
最后點擊編譯，頁面之間的順序可以用上下左右尖頭調整主次
編譯完成之后的截圖，學會了吧，小伙伴們！
有很多文檔資料對于公司或個人來說非常重要，比如整理了好幾個月，搜羅整個網絡才找到，或者是公司核心資料，如果被他人隨意查閱泄漏出去，可能會造成不可估量的損失，利用具有加密功能的軟件（明鏡防泄密系統）對文件進行加密，在“數據保護策略配置”里，選擇要保護的文件類型，然后保存，這樣對于要保護的類型的文件即可做到加密保護，不再擔憂被泄密了。
可以看作一種特殊字體，其展示的是圖標，而不再是文字，其擁有字體的特性，比如大小、顏色、透明效果、陰影等，字體圖標加載快、不變形。也可以看作是矢量格式的圖標。
（1）iconmoon字體圖標庫：https://icomoon.io/app
（2）阿里iconfont字體圖標庫：https://www.iconfont.cn/
（3）font-awesome字體圖標庫：
以iconmoon為例
（1）選擇需要的圖標并下載
1）在fonts文件夾下有四種類型的字體文件，每種字體文件兼容瀏覽器的種類不同
a）.tff格式（TrueTypeFont），美國蘋果公司和微軟公司共同開發的，在Windows和Mac操作系統中為默認字體；IE9+、FireFox3.5+、Chrome4+、Safari3+、Opera10+、IOS Mobile中的Safari4.2+等瀏覽器支持該字體。
b）.woff格式（Web Open Font Format-Web開放字體格式），是一種網頁所采用的字體格式標準，使用zlib壓縮，文件大小一般比TTF小40%；IE9+、FireFox3.6+、Chrome6+、Safari5.1+、Opera11.1+等瀏覽器支持該字體。
c）.eot格式（Embedded Open Type-嵌入式OpenType ）,微軟設計用來在網頁使用的字體格式，是OpenType字體的壓縮格式，IE專用，IE4+支持該字體。
d）.svg格式（Scalable Vector Graphics-可縮放的矢量圖形），它是一種用XML定義的語言，用來描述二維矢量及矢量/柵格圖形；Chrome4+、Safari3.1+、Opera10+、IOS Mobile中Safari3.2+等瀏覽器支持該字體。
其他字體
e）.otf格式（Open Type Font），Microsoft和Adobe公司開發的，.otf格式比.ttf更為強大，可以把PostScript字體嵌入到TrueType中。
2）字體轉換
https://www.fontke.com/tool/convfont/
（2）字體圖標的引入
1）把字體放到項目的相應位置
將下載解壓后的fonts文件夾放到項目路徑下
2）在html頁面中引入字體
利用CSS的@font-face屬性，引入外部字體；
在style.css文件中有如下代碼，為固定用法，注意url中字體路徑，其它可以不變。
在html的style標簽中引入如下代碼：
@font-face {
font-family: 'icomoon';
src: url('fonts/icomoon.eot?8l3wc0');
src: url('fonts/icomoon.eot?8l3wc0#iefix') format('embedded-opentype'),
url('fonts/icomoon.ttf?8l3wc0') format('truetype'),
url('fonts/icomoon.woff?8l3wc0') format('woff'),
url('fonts/icomoon.svg?8l3wc0#icomoon') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}3）為元素用該字體
span {
font-family: "icomoon";
}4）為元素添加內容
復制demo.html中需要的圖標，如下，將其作為元素的內容。
<span>?</span> （3）新增字體圖標的引入
當利用iconmoon選用字體圖標時，如果有新增的字體圖標需要加入，則需要用到.json文件，如下，在原先選擇的基礎上，再選擇新選擇的字體圖標，然后再下載使用。
css.gg項目是#Github#的一個開源圖標項目，CSS、SVG和Figma用戶界面#圖標#，可以以css、svg、tsx、fig、xd、json、xml的形式使用，而且圖標質量相當之高，值得推薦使用！
https://github.com/astrit/css.gg
css.gg的特點就是輕量、可靠、靈活、優雅
警報、箭頭、品牌、按鈕、代碼、內容、設計、設備、文件夾、接口、數學、多媒體、音樂、形狀、購物、標志、時間，目前圖標總數704個
下面一起來看看
以下是在代碼中的用法
npm i css.ggyarn add css.gg<link href='all.css' rel='stylesheet'><!-- css.gg -->
<link href=' {ICONNAME} .css' rel='stylesheet'><link href='css?={ICONNAME} | {ICONNAME}' rel='stylesheet'><i class=" {ICONNAME} "></i>
<!-- 使用span -->
<span class=" {ICONNAME} "></span>
<!-- 使用div -->
<div class=" {ICONNAME} "></div>
<!-- 使用自定義標簽 -->
<gg-icon class=" {ICONNAME} "></gg-icon><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>實例</title>
<link href='css' rel='stylesheet'>
</head>
<body>
<!-- Using i tag -->
<i class="gg- {ICONNAME} "></i>
<!-- Using div tag -->
<div class="gg- {ICONNAME} "></div>
<!-- Using custom tag -->
<gg-icon class="gg- {ICONNAME} "></gg-icon>
</body>
</html>除此之外還可以模塊化的用法
@import url('.../css');import React from 'react'
import { ICONNAME } from 'css.gg'
export default function() {
return (
<div>
<ICONNAME />
</div>
)
}<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>實例</title>
</head>
<body>
<!-- 首先要把svg拷貝到項目文件夾 -->
<svg><use xlink:href="path/to/all.svg# {ICONNAME} "/></svg>
</body>
</html>css.gg是一個非常不錯的圖標庫，而且開放源代碼，內置700+精美圖標，十幾大類型，不管是設計師還是#程序員#，用起來都可以得心應手，enjoy it！
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
