discuz 門戶文章圖片自動加 Alt 資訊

discuz 門戶新增圖片時，為了 SEO 的需要，我們要手工的給圖片新增 ALT 資訊，如果文章中的圖片多的話，這樣操作就比較麻煩了。其實在學做網站過程中，可以透過修改一些程式碼來讓程式自動新增文章圖片自動加 Alt 資訊。

要實現這種自動新增 ALT 資訊的功能，需要修改檔案：static/image/editor/editor_function.js 。
第一步：首先複製 editor_function.js，重新命名為 bgeditor_function.js

第二步：開啟 editor_function.js 進行編輯，在裡面查詢以下的程式碼開頭的一段程式碼：

function insertImage(image, url, width, heigh) {

將這段程式碼替換成以下的程式碼：

function insertImage(image, url, width, height,subject) {
url = typeof url == 'undefined' || url === null ? image : url;
width = typeof width == 'undefined' || width === null ? 0 : parseInt(width);
height = typeof height == 'undefined' || height === null ? 0 : parseInt(height);
subject = $('title').value;
var html = '<p><a href="'%20+%20url%20+%20'" target="_blank"><img alt="'+subject+'" src="'+image+'"'+(width?' width="'+width+'"':'')+(height?' height="'+height+'"':'')+'></a></p>';
edit_insert(html);
}

第三步：開啟 bgeditor_function.js 進行編輯，透過 CTRL+F 查詢以下的程式碼：

function insertImage(image, url, width, heigh) {

將這段程式碼替換成以下的程式碼：

<blockquote><blockquote>function insertImage(image, url, width, height,subject) {</blockquote></blockquote>

第四步：再編輯：template/default/home/spacecp_blog.htm，查詢以下的程式碼：

editor_function.js

將它替換成以下的程式碼：

bgeditor_function.js

第五步：在自己的入口網站下發布一篇帶有圖片的文章，釋出後檢視網頁原始碼，圖片就自動新增了文章標題為圖片的 ALT 資訊。