為開發人員，我們依賴于靜態分析工具來檢查、lint(分析)和轉換我們的代碼。我們使用這些工具來幫助我們提高生產效率并生成更好的代碼。然而，當我們使用markdown編寫內容時，可用的工具就很少。

在本文中，我們將介紹如何開發一個Markdown擴展來解決在使用Markdown管理Django站點中的內容時遇到的挑戰。

你認為他們有linter嗎？

照片來自Pexels,由mali maeder拍攝

問題

像每個網站一樣，我們在主頁、FAQ部分和“關于”頁面等地方都有不同類型的(大部分)靜態內容。很長一段時間以來，我們都是在Django模板中直接管理這些內容的。

當我們最終決定是時候將這些內容從模板轉移到數據庫中時，我們認為最好使用Markdown。從Markdown生成HTML更安全，它提供了一定程度的控制和一致性，并且對于非技術用戶來說更容易處理。隨著我們轉移過程的進展，我們注意到我們遺漏了一些東西:

內部鏈接

當URL更改時，鏈接到內部頁面的鏈接可能會中斷。在Django模板和視圖中，我們使用了reverseand {% url %}，但是這在普通的Markdown中是不可用的。

在不同環境之間進行復制

絕對內部連接不能在不同環境之間進行復制。這可以使用相對鏈接來解決，不過目前沒有開箱即用的增強這一點的方法。

無效鏈接

無效鏈接會損害用戶體驗，并導致用戶質疑整個內容的可靠性。這并不是Markdown獨有的東西，只不過HTML模板是由對URL有一定了解的開發人員維護的。另一方面，Markdown文檔是為非技術寫作人員設計的。

前期工作

當我研究這個問題時，我搜索了Python linters、Markdown預處理器和擴展來幫助生成更好的Markdown。結果都不是很好。一個引人注目的方法是使用Django模板來生成Markdown文檔。

使用Django模板預處理Markdown

使用Django模板，你可以使用諸如url之類的模板標記來反向查詢URL名稱，并配合使用條件、變量、日期格式和所有其他Django模板特性。這種方法本質上是使用Django模板作為Markdown文檔的預處理程序。

我個人認為這可能不是非技術作家的最佳解決方案。另外，我擔心提供對Django模板標記的訪問可能是危險的。

使用 Markdown

對這個問題有了更好的理解之后，我們準備在Python中更深入地研究Markdown。

將Markdown轉換為HTML

要在Python中開始使用Markdown，我們先安裝markdown包：

接著，創建一個Markdown對象并使用其函數將一些Markdown轉換成HTML：

你現在可以在你的模板中使用這個HTML代碼片段。

使用Markdown擴展

基本的Markdown處理器提供了生成HTML內容的基本要素。對于更“新奇”的選項，Python markdown包包含了一些內置擴展。一個流行的擴展是“extra”擴展，除了其他東西之外，它增加了對隔離代碼塊的支持:

為了使用我們獨特的Django功能擴展Markdown，我們將開發自己的擴展。

創建一個Markdown擴展來處理內聯鏈接

如果你查看源代碼，你將看到要將markdown轉換為HTML, Markdown會使用多種不同的處理器。一種類型的處理器是內聯處理器。內聯處理器會匹配特定的內聯模式，如鏈接、反引號、粗體文本和帶下劃線的文本，并將它們轉換為HTML。

我們的Markdown擴展的主要目的是驗證和轉換鏈接。因此，我們最感興趣的內聯處理器是LinkInlineProcessor。這個處理器以[Haki的網站](https://hakibenito.com)的形式獲取markdown ，解析它并返回一個包含鏈接和文本的元組。

為了擴展該功能，我們擴展了LinkInlineProcessor并創建了一個Markdown.Extension, 我們用它來處理鏈接:

我們來將這段代碼分解一下：:

• DjangoUrlExtension擴展注冊了一個名為DjangoLinkInlineProcessor的內聯鏈接處理器。這個處理器將取代任何其他現有的鏈接處理器。

• 內聯處理器DjangoLinkInlineProcessor擴展了內置的LinkInlineProcessor，并在它處理的每個鏈接上調用clean_link函數。

• clean_link函數接收一個鏈接和一個域名，并返回一個轉換后的鏈接。這就是我們要插入我們的實現的地方。

如何獲得網站域名

要識別到你自己網站的鏈接，你必須知道你的網站的域名。如果你正在使用Django的sites框架，那么你可以使用它來獲取當前域名。

我沒有把它包含在我的實現中，因為我們沒有使用sites框架。相反，我們在Django設置中設置了一個變量。

獲取當前域名的另一種方法是使用HttpRequest對象。如果內容只在你自己的站點中被編輯，你可以嘗試從請求對象中插入站點域名。這可能需要對你的實現進行一些更改。

要使用該擴展，請在初始化一個新的Markdown實例時添加它:

太好了，這個擴展已經被使用了，我們準備進入有趣的部分了！

驗證和轉換Django鏈接

既然我們得到了在所有鏈接上調用clean_link的擴展，那我們可以來實現我們的驗證和轉換邏輯。

驗證mailto鏈接

要開始工作，我們將從一個簡單的驗證開始。mailto鏈接對于使用預定義的收件人地址、主題甚至消息正文打開用戶的電子郵件客戶端非常有用。

一個常見的mailto鏈接是這樣的:

這個鏈接將打開你的電子郵件客戶端，并設置成撰寫一封主題行為“我需要幫助!”的新電子郵件給“support@service.com”。

mailto鏈接不一定非要包含電子郵件地址。如果你看一看這篇文章底部的“分享”按鈕，你會發現像這樣的一個mailto鏈接:

這個mailto鏈接沒有包含收件人，僅包含了主題行和消息正文。

既然我們已經很好地理解了mailto鏈接是什么樣子的，我們就可以向clean_link函數添加第一個驗證:

為了驗證mailto鏈接，我們向clean_link中添加了以下代碼:

• 檢查鏈接是否以mailto:開頭，以識別相關鏈接。

• 使用正則表達式將鏈接分割到它的組件。

• 從mailto鏈接中刪除實際的電子郵件地址，并使用Django的EmailValidator驗證它。

注意，我們還添加了一種名為InvalidMarkdown的新異常類型。我們定義了自己的自定義異常類型，以將它與markdown本身所引發的其他錯誤區分開來。

自定義錯誤類

我曾經寫過關于自定義錯誤類的文章，為什么它們是有用的，以及你什么時候應該使用它們。

在我們繼續之前，讓我們添加一些測試，看看它的實際效果:

太棒了！按預期的運行了。

處理內部和外部鏈接

既然我們已經了解了mailto鏈接，我們也可以處理其他類型的鏈接:

外部鏈接

• 我們的Django應用程序外部的鏈接。

• 必須包含一個頁面跳轉協議（scheme）:http或https。

• 理想情況下，我們還希望確保這些鏈接沒有被破壞，但我們現在不會這樣做。

內部鏈接

• 到我們的Django應用程序中的頁面的鏈接。

• 鏈接必須是相對的:這將允許我們在不同環境之間移動內容。

• 使用Django的URL名稱而不是一個URL路徑:這將允許我們安全地來回移動視圖，而不必擔心markdown內容中的失效鏈接。

• 鏈接可能包含查詢參數(?)和片段(#)。

SEO

從SEO的角度來看，公共URL不應該改變。當他們這樣做的時候，你應該使用重定向正確地處理它，否則你可能會受到搜索引擎的懲罰。

有了這個需求列表，我們就可以開始工作了。

解析URL名稱

要鏈接到內部頁面，我們希望編寫者提供一個URL名稱，而不是URL路徑。例如，假設我們有這個視圖:

這個頁面的URL路徑是https://example.com/， URL名稱是home。我們想要在我們的markdown鏈接中使用這個URL名稱home，就像這樣:

這將渲染到:

我們還想支持查詢參數和散列：

這將渲染到以下HTML：

在使用URL名稱時，如果我們更改了URL路徑，內容中的鏈接將不會被破壞。要檢查作者提供的href是否是一個有效的url_name，我們可以嘗試reverse它:

URL名稱“home”指向URL路徑“/”。當沒有匹配項時，將會引發一個異常:

在我們繼續之前，當URL名稱包含查詢參數或散列時，會發生什么:

這是有意義的，因為查詢參數和散列不是URL名稱的一部分。

要使用reverse并支持查詢參數和散列，我們首先需要清除值。然后，檢查它是一個有效的URL名稱，并返回包含查詢參數和散列的URL路徑，如果提供了的話:

這個代碼段使用一個正則表達式來以？或#的出現對href進行分割，并返回各部分。

請確保它可以工作:

太了不起了!作者們現在可以在Markdown中使用URL名稱了。它們還可以包括要添加到該URL的查詢參數和片段。

處理外部鏈接

要正確處理外部鏈接，我們需要檢查兩件事:

1.外部鏈接總是提供一個跳轉協議，http:或者https:。

2.阻止到我們自己網站的絕對鏈接。內部鏈接應該使用URL名稱。

到目前為止，我們已經處理了URL名稱和mailto鏈接。如果我們通過了這兩個檢查，這意味著href是一個URL。讓我們從檢查鏈接是否是鏈接到我們自己的網站開始:

函數urlparse會返回一個命名元組，該元組包含URL的不同部分。如果netloc屬性等于site_domain，那么該鏈接就確實是一個內部鏈接。

如果URL實際上是內部的，我們就需要終止。但是，請記住，作者們不一定是技術人員，因此我們希望幫助他們，并提供一個有用的錯誤消息。我們要求該內部鏈接使用URL名稱而不是URL路徑，所以最好讓作者們知道他們提供的路徑的URL名稱。

要獲得一個URL路徑的URL名稱，Django為我們提供了一個名為resolve的函數:

當找到匹配項時，resolve會返回一個ResolverMatch對象，其中包含URL名稱和其他信息。當沒有找到匹配項時，它就會引發一個錯誤:

這實際上就是Django在底層所做的工作，用來確定在一個新請求到來時執行哪個視圖函數。

為了給作者們提供更好的錯誤信息，我們可以使用來自ResolverMatch對象的URL名稱:

當我們識別出內部鏈接時，我們要處理兩種情況:

• 我們沒有識別出這個URL:這個URL很可能是不正確的。請作者檢查該URL是否有錯誤。

• 我們識別出了這個URL: 這個URL是正確的，所以就告訴作者應該使用什么URL名稱。

我們來實際地看一下它:

漂亮!外部鏈接被接受，內部鏈接被拒絕，并帶有一個有用的消息。

要求跳轉協議

我們要做的最后一件事是確保外部鏈接包含一個跳轉協議，要么是http:，要么是https:。讓我們將這最后一部分添加到函數clean_link:

使用解析后的URL，我們可以很容易地檢查跳轉協議。讓我們確保它正在工作:

我們向這個函數提供了一個沒有跳轉協議的鏈接，但是它運行失敗了，并顯示了一條有用的消息。太酷了!

整合代碼

這是clean_link函數的全部代碼：

要了解所有這些特性的一個實際用例是什么樣子的，請看下面的內容:

這將產生以下HTML:

不錯!

結論

我們現在有一個很不錯的擴展，它可以驗證和轉換Markdown文檔中的鏈接!現在，在不同環境之間移動文檔和保持內容整潔要容易多了，最重要的是，可以保持正確和最新!

源碼

你可以在這個gist中找到全部源代碼。（地址：https://gist.github.com/hakib/73fccc340e855bb65f42197e298c0c7d ）

題外話

本文中所描述的功能對我們很有用，但是你可能需要根據自己的需求對它進行調整。

如果你需要一些想法，那么除了這個擴展之外，我們還創建了一個markdown Preprocessor，它允許作者們在markdown中使用常量。例如，我們定義了一個名為SUPPORT_EMAIL的常量，我們像這樣使用它:

該預處理程序將用我們定義的文本替換字符串$SUPPORT_EMAIL，然后才渲染Markdown。

英文原文：https://hakibenita.com/django-markdown
譯者：Nothing

ttpServer 靜態下載

先來看一段代碼，啟動一個靜態的http服務

import CBHttp.code

function main(parm)
{
    var httpServer = new HttpServer();
    httpServer.startServer();
	
    while(1)  //主線程不能退出
    {
        Sleep(1000);
    }
}

服務啟動好了，假設我們的項目根目錄是E:\cbrotherwork\httpserver，那么我們的服務根路徑就默認是E:\cbrotherwork\httpserver\webroot

我們新建txt文件E:\cbrotherwork\httpserver\webroot1.txt，在文本里輸入內容Hello HttpServer!。

然后我們打開本機瀏覽器輸入：http://127.0.0.1:8000/111.txt，你發現你在網頁上訪問到了111.txt

主流的文件格式都支持下載

MIME控制

靜態下載的過程中，有時需要控制可下載的文件格式，那么就要手動調配MIME

import CBHttp.code

function main(parm)
{
    var httpServer = new HttpServer();
	
    httpServer.addMIME("mystyle","text/html");  //添加后綴名為.mystyle,mime為text/html
    httpServer.addMIME("c");  			//添加后綴名為.c，mime類型讓系統自動識別
    httpServer.removeMIME("gif");  		//刪除gif
	
    var mimiemap = httpServer.getMIME();  	//獲取目前支持的mime類型
	
    mimiemap.begin();
    do
    {
        print mimiemap.getKey() + ":" + mimiemap.getValue();
    }
    while(mimiemap.next());		
	
    httpServer.startServer();
	
    while(1)
    {
        Sleep(1000);
    }
}

運行結果：

rar:application/octet-stream
bmp:image/bmp
xml:application/xml
html:text/html
c:text/plain
js:application/x-javascript
txt:text/plain
ico:image/x-icon
zip:application/zip
jpg:image/jpeg
mystyle:text/html
7z:application/octet-stream
json:application/json
swf:application/x-shockwave-flash
css:text/css
png:image/png

HttpServer 動態接口

我們通常需要在用戶調用一個接口時通過一些條件來返回不同的內容，下面我們再通過一段代碼看一下

import CBHttp.code

class HelloAction
{
    function DoAction(request,respon)				//這個函數寫法是固定的，request表示客戶端請求信息，respon是回復給客戶機的信息
    {
        var myTime = new Time();
        respon.write("now time is:" + myTime.strftime("%Y/%m/%d %H:%M:%S"));
        respon.flush();
    }	
}

function main(parm)
{
    var httpServer = new HttpServer();
    httpServer.addAction("hello.cb",new HelloAction());		//我們注冊接口hello.cb，響應類是HelloAction
    httpServer.startServer();
	
    while(1)	//主線程不能退出
    {
        Sleep(1000);
    }
}

然后我們瀏覽器輸入：http://127.0.0.1:8000/hello.cb,每次訪問返回的都是當前時間。

接口名字可以是任意字符串，官方建議用統一的后綴，方便跟其他web服務器協作。

HttpServer 接口

除了stopServer，其他接口都應該在startServer之前調用。

HttpServer 響應Action類

響應類必須要有function DoAction(request,respon)函數，如果沒有會注冊失敗。

這個方法會被多線程調用，如果要訪問公共資源需要加鎖。

·request記錄了客戶端請求的信息

·respon是返回給客戶端的信息

Cookie 類

在日常開發中，服務器需要通過cookie來判別客戶機身份，CBrother提供了Cookie類來描述http頭中的Set-Cookie與Cookie字段

其中帶密碼的setValue方法會用密碼和原始明文算一個md5值作為cookie簽名，這樣保證了cookie不可被偽造，一般可以用于登陸狀態驗證。當然，在一些安全性要求比較高的場景，開發者也可以自己實現安全級別更高的cookie加密驗證方式。

通過一個段代碼來學習一下Cookie的用法:

class CookieAction
{
    function DoAction(request,respon)
    {
        var cookieCnt = request.getCookieCount();  //獲取客戶機Cookie數量
        if(cookieCnt > 0)
        {
            for(var i = 0 ; i < cookieCnt ; i++)  //遍歷的方式可以獲取所有的Cookie，包括名字相同的Cookie
            {
                //客戶機已經有cookie
                var cookie = request.getCookie(i);
                if(cookie.getName() == "pwdCookie")
                {
                    print cookie.getValue();
                    print cookie.getValue("pwd222");  //帶密碼的cookie
                }
                else
                {
                    print cookie.getValue();  //明文cookie
                }
            }
			
            var pwdCookie request.getCookie("pwdCookie");  //根據名字獲取Cookie，如果有同名Cookie則只返回第一個
            print pwdCookie.getValue("pwd222");			
        }
        else
        {
            //客戶機沒有cookie
            var cookie = new Cookie("normalCookie","3333");
            respon.addCookie(cookie);  //添加明文cookie
			
            cookie = new Cookie();
            cookie.setName("pwdCookie");
            cookie.setValue("3333","pwd222");
            respon.addCookie(cookie);  //添加帶密碼的cookie
        }
		
        var myTime = new Time();
        respon.write("now time is:" + myTime.strftime("%Y/%m/%d %H:%M:%S"));
        respon.flush();
    }	
}

表單FormData 類

CBrother提供了FormData類來描述form表單數據

比如web前端提交的form表單結構如下：

<form method="post" action="form.cb" >
	<input type="text" name="txt1">
	<input type="text" name="txt2">
	<input type="password" name="userpass"
	<input type="radio" name="sex" value="man" checked>man
	<input type="radio" name="sex" value="woman">woman
	<input type="file" name="file" value="hiddenvalue" multiple="multiple"/>
	<input type="submit" value="提交(提交按鈕)">
</form>

網頁展示效果如下：

因為這個表單沒有指定enctype，所以Content-Type為application/x-www-form-urlencoded，我們日常使用到的大部分表單都是這種格式。當前端post提交后服務器使用如下方式獲取表單數據

class FormAction
{
    function DoAction(request,respon)
    {
        print request.getData();  //打印發送的數據
        print "**********************分割線*******************************";
        
        var formdata = request.getFormData();
        if(formdata == null)
        {
            return;	//只有Content-Type為application/x-www-form-urlencoded或者multipart/form-data時候才會返回FormData對象，否則返回null
        }
		
        var type = formdata.getType();
        if(type == FORM_WWW_URLENCODED)	//Content-Type為application/x-www-form-urlencoded類型的表單
        {
            var textCnt = formdata.getTextCnt();
            for(var i = 0 ; i < textCnt ; i++)
            {
                print formdata.getTextName(i) + ":" + formdata.getText(i);
            }
        }
    }	
}

服務器輸出結果：

txt1=111&txt2=222&userpass=333&sex=man&file=111.txt
**********************分割線*******************************
txt1:111
txt2:222
userpass:333
sex:man
file:111.txt

Multipart 類

這里需要學習一下form添加enctype=multipart/form-data時提交的報文格式

Multipart類來描述form表單在multipart/form-data數據類型下的一個input數據，這個類型的表單一般用在上傳文件

比如web前端提交的form表單結構如下：(只是添加了一個enctype="multipart/form-data")

<form method="post" action="form.cb"  enctype="multipart/form-data">
	<input type="text" name="txt1">
	<input type="text" name="txt2">
	<input type="password" name="userpass"
	<input type="radio" name="sex" value="man" checked>man
	<input type="radio" name="sex" value="woman">woman
	<input type="file" name="file" value="hiddenvalue" multiple="multiple"/>
	<input type="submit" value="提交(提交按鈕)">
</form>

網頁展示效果沒有變化如下：

添加了enctype，Content-Type變成multipart/form-data，服務器使用如下方式獲取表單數據

class FormAction
{
    function DoAction(request,respon)
    {
        print request.getData();  //打印發送的數據
        print "**********************分割線*******************************";
        
        var formdata = request.getFormData();
        if(formdata == null)
        {
            return;	//只有Content-Type為application/x-www-form-urlencoded或者multipart/form-data時候才會返回FormData對象，否則返回null
        }
		
        var type = formdata.getType();
        if(type == FORM_MULTI_PART)	//Content-Type為multipart/form-data類型的表單
        {
            var formcnt = formdata.getMultiPartCnt();
            for(var i = 0 ; i < formcnt ; i++)
            {
                var muldata = formdata.getMultiPart(i);				
                if(muldata.isFile())  //如果是上傳的文件
                {
                    for(var j = 0 ; j < muldata.getFileCount() ; j++)
                    {
                        //上傳的文件可以在這里通過File對象把數據保存到文件里，CBrother目錄下sample/http/httpserver_form.cb里面有例子，這里只是把數據打印出來
                        var filedata = muldata.getFile(j);
                        print filedata.getParm("name") + " " + filedata.getParm("filename") + ": size=" + filedata.getDataLen() + " value=" + filedata.getData();
                    }
                }
                else
                {
                    print muldata.getParm("name") + ":" + muldata.getData();
                }
            }
        }
    }	
}

服務器運行結果如下:

------WebKitFormBoundaryw7KfcBx8f23zh8d4
Content-Disposition: form-data; name="txt1"

111
------WebKitFormBoundaryw7KfcBx8f23zh8d4
Content-Disposition: form-data; name="txt2"

222
------WebKitFormBoundaryw7KfcBx8f23zh8d4
Content-Disposition: form-data; name="userpass"


------WebKitFormBoundaryw7KfcBx8f23zh8d4
Content-Disposition: form-data; name="sex"

man
------WebKitFormBoundaryw7KfcBx8f23zh8d4
Content-Disposition: form-data; name="file"; filename="111.txt"
Content-Type: text/plain

i'am 111.txt file value!
------WebKitFormBoundaryw7KfcBx8f23zh8d4--
**********************分割線*******************************
txt1:111
txt2:222
userpass:
sex:man
file 111.txt: size=24 value=i'am 111.txt file value!

HttpClientRequest 主動發起請求

在開發過程中，我們經常會遇到與第三方服務器通信，這時候就需要主動請求第三方服務器接口，CBrother提供了HttpClientRequest來主動訪問別人提供的http和https接口

var myReq = new HttpClientRequest();

HttpClientResponse為主動請求后返回的結果，HttpClientRequest的flush方法會返回一個HttpClientResponse對象

var myReq = new HttpClientRequest();
myReq.setMethod("GET");
myReq.setUrl("https://www.baidu.com");
var myResponse = myReq.flush();

例子:

import CBHttp.code

function main(parm)
{
    var myReq = new HttpClientRequest();
    myReq.setMethod("GET");
    myReq.setUrl("https://www.baidu.com");
    var myRes = myReq.flush();
    print myRes.getStatus();
    print myRes.getData();
}

結果:

200
<html>
<head>
        <script>
                location.replace(location.href.replace("https://","http://"));
        </script>
</head>
<body>
        <noscript><meta http-equiv="refresh" content="0;url=http://www.baidu.com/"></noscript>
</body>
</html>

在開發過程中，為了降低服務器壓力，經常需要用到keepalive來保持連接多次請求，看下面的例子:

import CBHttp.code
import lib/httpdef

function main(parm)
{
    var myReq = new HttpClientRequest();
    myReq.setMethod(HTTP_GET);
    myReq.setUrl("http://www.cbrother.net");
    myReq.setKeepAlive(true);		//開啟keepalive，如果沒有這一句默認是請求完畢后自動關閉連接
    var myRes = myReq.flush();
    print myRes.getStatus();
    print myRes.getData();
	
    myReq.reset();		//重置請求對象，僅保留網絡連接，如果因為超時連接被服務器主動關閉，那么第二次請求會重新創建連接
	
    myReq.setMethod(HTTP_GET);
    myReq.setUrl("http://www.cbrother.net/doc.html");
    var myRes = myReq.flush();			//第二次請求沒有開啟keepalive，所以這句執行完后連接就會關閉了
    print myRes.getStatus();
    print myRes.getData();		
}

客戶端使用Cookie例子:

function main(parm)
{
    var myReq = new HttpClientRequest();
    myReq.setMethod("GET");
    myReq.setUrl("https://www.baidu.com");
    myReq.addCookie(new Cookie("aaa","bbb"));  //本次請求添加cookie
    var myRes = myReq.flush();
	
    var cookieCnt = myRes.getCookieCount();  //服務器返回的cookie信息
    for(var i = 0 ; i < cookieCnt ; i++)
    {
        var cookie = request.getCookie(i);
		
        print cookie.getName();
        print cookie.getValue();
    }
}

客戶端模擬form表單的例子:

import lib/httpdef

function main(parm)
{
    var clientReq = new HttpClientRequest();
    clientReq.setMethod(HTTP_POST);
    clientReq.setUrl("http://127.0.0.1:8003/form.cb");
    var formdata = clientReq.addFormData(FORM_MULTI_PART); //也可以用FORM_WWW_URLENCODED，FORM_WWW_URLENCODED類型不支持上傳文件
    formdata.addText("111","111");
    formdata.addText("222","222");
    formdata.addFile("file","111.txt","222");
    formdata.addFile("file","222.txt","34567");
    clientReq.flush();	
}

HttpServer同一個端口支持多個不同內容的網站

如果需要在一臺服務上同時布置多個網站，則需要在調用HttpServer下面幾個接口時第二個參數傳入網站的域名即可