修改title、keywords、description
因為title、keywords、description會隨著頁面變化而變化的??梢詫懸粋€公共的方法,在需要的時候直接調(diào)用就額可以了
/**
* 配置 seo
* @param title 網(wǎng)頁標(biāo)題
* @param key 關(guān)鍵詞
* @param des 描述
*/
setMeta:function (title,key,des){
let title_default = "網(wǎng)站名稱";
if(title){
title_default += title;
}
document.title = title_default;
document.querySelector("meta[name='keywords']").setAttribute('content', key);
document.querySelector("meta[name='description']").setAttribute('content', des);
}
配置icon
1、首先在iconfont新建項目,在我的項目中找到創(chuàng)建的這個項目。有一個font class。點擊它會生成icon的class鏈接。點擊復(fù)制復(fù)制鏈接。
2、如果只是本地配置,則在head中添加<link rel="stylesheet" href="font class鏈接">,如果是通過后臺接口來配置。則在head中添加<link rel="stylesheet" name="iconfont" href="">。name是標(biāo)識符必須存在。通過下列代碼注入
document.querySelector("link[name='iconfont']").setAttribute('href', 'font class 鏈接');