資訊專欄INFORMATION COLUMN
摘要：前言搭建此博客是因為通過上了解到進而知道了可以把靜態網頁博客托管給倉庫或許您已經通搭建個人博客網站了解到如何通過實現個人博客網站的建立。但是盡管您已經成功建立博客網站，但是你需要對網站做合適的配置和調整才能迎合你的網站要求。
前言
搭建此博客是因為通過github上了解到github pages進而知道了可以把靜態網頁博客托管給github倉庫
或許您已經通Git + Hexo 搭建個人博客網站了解到如何通過HEXO + GIT 實現個人博客網站的建立。但是盡管您已經成功建立博客網站，但是你需要對網站做合適的配置和調整才能迎合你的網站要求。本文主要介紹HEXO的基本操作命令和網站的基本配置方法。
Github Pages 是 github 公司提供的免費的靜態網站托管服務，用起來方便而且功能強大，不僅沒有空間限制(為免費用戶提供了500M空間)，還可以綁定自己的域名。
到 https://pages.github.com/ 上，看到可以創建的網站有兩類，一類是為自己或者是自己的組織創建站點，就是新建一個倉庫，倉庫的名字叫做，username.github.io 或者是 orgnizationname.github.io ，注意這里的 username 和 orgnizationname 要嚴格替換成你自己的用戶名或者組織名，大小寫也要區分，不然就會有問題。然后就往倉庫里面放頁面內容就行了。第二類是為項目創建網站，這個其實主要步驟都是一樣的，只不過稍微比創建用戶或組織網站復雜一點點。
具體的可以看這個網址的講解Github Pages
我是在萬網注冊的域名和設置DNS解析，所以我只會講在阿里云下的域名綁定。
進入到控制臺后點擊自己剛買的域名進入域名管理界面，然后進行添加解析操作，按照途中所給的值填寫，注意將記錄值改為自己的github pages地址
最后一步必須在所建立的github倉庫的主分支里建立一個CNAME文件內容為你要解析到的目地地址
Hexo博客搭建的基礎大致流程為：
安裝Node.js →安裝Git → 安裝Hexo → 安裝主題 → 本地測試運行 → 注冊給github與coding并創建pages倉庫 → 部署
Node.js和git的安裝大家自己去網上搜下，當以上都安好后可以通過git bash來輸入命令查看是否安裝成功以及對應的版本
隨后執行下述命令來安裝hexo
npm install -g hexo-clihexo初始化
安裝完成后要先提前建好一個文件夾，所以我在自己D盤建立了一個hexo文件夾，里面隨后剪了一個blog文件夾，用命令cd到blog這個目錄
cd d:/hexo/blog
執行命令
hexo init # hexo會在目標文件夾建立網站所需要的所有文件 npm install # 安裝依賴包
本地啟動
有了必要的各種配置文件之后就可以在本地預覽效果了
hexo g # 等同于hexo generate，生成靜態文件到public文件夾 hexo s # 等同于hexo server，在本地服務器運行
還有個命令
hexo clean #作用為清除靜態文件夾的內容并刪掉，主要用于更改變更了某些地方導致頁面顯示不完善
之后打開瀏覽器并輸入IP地址 http://localhost:4000/ 查看，效果如下
hexo new "title" # 生成新文章：source\_posts itle.md hexo new page "title" # 生成新的頁面，后面可在主題配置文件中配置頁面
生成文章或頁面的模板放在博客文件夾根目錄下的 scaffolds/ 文件夾里面，文章對應的是 post.md ，頁面對應的是page.md，草稿的是draft.md
編輯文章打開新建的文章source_postspostName.md，其中postName是hexo new "title"中的title
--- title: Start My Blog Trip — Power By Hexo # 文章頁面上的顯示名稱，可以任意修改，不會出現在URL中 date: 2017-2-10 23:49:28 # 文章生成時間，一般不改 categories: diary # 文章分類目錄，多個分類使用[a,b,c]這種格式 tags: [Hexo,diary] # 文章標簽 --- #這里開始使用markdown格式輸入你的正文。 #more標簽以下的內容要點擊“閱讀全文”才能看見，#more標簽以上的內容為你首頁顯示文章的摘要部分MD文章編輯
如果你對MD語法不熟悉，推薦你去馬克飛象使用它的在線網頁編輯，可以實現一邊打字一邊查看效果，很方便。
地址：https://maxiang.io/
hexo init [folder] # 初始化一個網站。如果沒有設置 folder ，Hexo 默認在目前的文件夾建立網站 hexo new [layout]# 新建一篇文章。如果沒有設置 layout 的話，默認使用 _config.yml 中的 default_layout 參數代替。如果標題包含空格的話，請使用引號括起來 hexo version # 查看版本 hexo clean # 清除緩存文件 (db.json) 和已生成的靜態文件 (public) hexo g # 等于hexo generate # 生成靜態文件 hexo s # 等于hexo server # 本地預覽 hexo d # 等于hexo deploy # 部署，可與hexo g合并為 hexo d -g</pre> <b>安裝主題</b> <b>前言</b> <p>截止2017年，hexo和next都在更新，現今網上的版本和其對應的配置文件都已經發生了巨大的變化，所以我把官網最新的17年的版本配置文件的詳情給大家來講解，大家可以下最新的版本和看我的配置進行修改。</p> <b>主題下載</b> <p>hexo主題有很多，這里我自己使用的next主題所以就以它來講。我的版本為v5.1.0（目前最新）<br>下載地址：<br>https://github.com/iissnan/hexo-theme-next/releases<br>把下來的文件夾解壓和更名為next，并復制到theme目錄下<script type="text/javascript">showImg("https://segmentfault.com/img/remote/1460000008725520?w=1543&h=161");</script></p> <b>HEXO網站的配置文件</b> <pre>在根目錄下的_config.yml主要是對網站的總屬性進行設置 如：網站標題，網站logo,網站插件使用等全局的屬性 主題目錄下的_config.yml主要是針對網站的布局，導航等特性設置進行設置</pre> <p>我的根目錄配置文件</p> <pre># Hexo Configuration ## Docs: https://hexo.io/docs/configuration.html ## Source: https://github.com/hexojs/hexo/ # Site title: Water Sister"s Blog subtitle: 生活、技術個人博客 description: 思考中..... author: Yang ZiHao language: zh-Hans timezone: # URL ## If your site is put in a subdirectory, set url as "http://yoursite.com/child" and root as "/child/" url: http://www.cduyzh.com root: / permalink: :title/ permalink_defaults: # Directory source_dir: source public_dir: public tag_dir: tags archive_dir: archives category_dir: categories code_dir: downloads/code i18n_dir: :lang skip_render: - baidu_verify_n9RJHacKra.html - google5caece7c800b9ce3.html # Writing new_post_name: :title.md # File name of new posts default_layout: post titlecase: false # Transform title into titlecase external_link: true # Open external links in new tab filename_case: 0 render_drafts: false post_asset_folder: true relative_link: false future: true highlight: enable: true line_number: true auto_detect: false tab_replace: # Category & Tag default_category: uncategorized category_map: tag_map: # Date / Time format ## Hexo uses Moment.js to parse and display date ## You can customize the date format as defined in ## http://momentjs.com/docs/#/displaying/format/ date_format: YYYY-MM-DD time_format: HH:mm:ss # Pagination ## Set per_page to 0 to disable pagination per_page: 10 pagination_dir: page # Extensions Plugins: - hexo-generator-sitemap - hexo-generator-baidu-sitemap ## Plugins: https://hexo.io/plugins/ ## Themes: https://hexo.io/themes/ theme: next # Deployment ## Docs: https://hexo.io/docs/deployment.html deploy: type: git repo: github: git@github.com:cduyzh/cduyzh.github.io.git,master index_generator: per_page: 5 archive_generator: per_page: 20 yearly: true monthly: true tag_generator: per_page: 10 menu: about: /about #頭像設置 avatar: /images/yzh.jpg # 多說熱評文章 true 或者 false duoshuo_hotartical: true #sitemap # hexo sitemap sitemap: path: sitemap.xml baidusitemap: path: baidusitemap.xml #local search search: path: search.xml field: post format: html limit: 1000</pre> <p>我的主題目錄配置文件</p> <pre># --------------------------------------------------------------- # Site Information Settings # --------------------------------------------------------------- # Put your favicon.ico into `hexo-site/source/` directory. favicon: /images/favicon.ico # Set default keywords (Use a comma to separate) keywords: "cduyzh前端開發博客" # Set rss to false to disable feed link. # Leave rss as empty to use site"s feed link. # Set rss to specific value if you have burned your feed already. rss: # Specify the date when the site was setup #since: 2015 # icon between year and author @Footer authoricon: tint # Footer `powered-by` and `theme-info` copyright copyright: false # Canonical, set a canonical link tag in your hexo, you could use it for your SEO of blog. # See: https://support.google.com/webmasters/answer/139066 # Tips: Before you open this tag, remember set up your URL in hexo _config.yml ( ex. url: http://yourdomain.com ) canonical: true # Change headers hierarchy on site-subtitle (will be main site description) and on all post/pages titles for better SEO-optimization. seo: true # --------------------------------------------------------------- # Menu Settings # --------------------------------------------------------------- # When running the site in a subdirectory (e.g. domain.tld/blog), remove the leading slash (/archives -> archives) menu: home: / categories: /categories about: /about archives: /archives tags: /tags #commonweal: /404.html #sitemap: /sitemap.xml life: /categories/life technology: //categories/technology # Enable/Disable menu icons. # Icon Mapping: # Map a menu item to a specific FontAwesome icon name. # Key is the name of menu item and value is the name of FontAwesome icon. Key is case-senstive. # When an question mask icon presenting up means that the item has no mapping icon. menu_icons: enable: true #KeyMapsToMenuItemKey: NameOfTheIconFromFontAwesome home: home about: user categories: th schedule: calendar tags: tags archives: archive sitemap: sitemap commonweal: heart life: coffee technology: cog # --------------------------------------------------------------- # Scheme Settings # --------------------------------------------------------------- # Schemes #scheme: Muse scheme: Mist #scheme: Pisces # --------------------------------------------------------------- # Font Settings # - Find fonts on Google Fonts (https://www.google.com/fonts) # - All fonts set here will have the following styles: # light, light italic, normal, normal italic, bold, bold italic # - Be aware that setting too much fonts will cause site running slowly # - Introduce in 5.0.1 # --------------------------------------------------------------- font: enable: true # Uri of fonts host. E.g. //fonts.googleapis.com (Default) host: # Global font settings used on <body> element. global: # external: true will load this font family from host. external: true family: Lato # Font settings for Headlines (h1, h2, h3, h4, h5, h6) # Fallback to `global` font settings. headings: external: true family: # Font settings for posts # Fallback to `global` font settings. posts: external: true family: # Font settings for Logo # Fallback to `global` font settings. # The `size` option use `px` as unit logo: external: true family: size: # Font settings for <code> and code blocks. codes: external: true family: size: # --------------------------------------------------------------- # Sidebar Settings # --------------------------------------------------------------- # Social Links # Key is the link label showing to end users. # Value is the target link (E.g. GitHub: https://github.com/iissnan) social: #LinkLabel: Link GitHub: https://github.com/cduyzh 知乎: https://www.zhihu.com/people/yang-zi-hao-cheng-du-da-xue Weibo: http://weibo.com/3290722423/ QQ: http://wpa.qq.com/msgrd?v=3&uin=450311265&site=qq&menu=yes # Social Links Icons # Icon Mapping: # Map a menu item to a specific FontAwesome icon name. # Key is the name of the item and value is the name of FontAwesome icon. Key is case-senstive. # When an globe mask icon presenting up means that the item has no mapping icon. social_icons: enable: true # Icon Mappings. # KeyMapsToSocialItemKey: NameOfTheIconFromFontAwesome GitHub: github #Twitter: twitter Weibo: weibo QQ: qq # Sidebar Avatar # in theme directory(source/images): /images/avatar.jpg # in site directory(source/uploads): /uploads/avatar.jpg #avatar: # Table Of Contents in the Sidebar toc: enable: true # Automatically add list number to toc. number: true # Creative Commons 4.0 International License. # http://creativecommons.org/ # Available: by | by-nc | by-nc-nd | by-nc-sa | by-nd | by-sa | zero #creative_commons: by-nc-sa #creative_commons: sidebar: # Sidebar Position, available value: left | right position: left #position: right # Sidebar Display, available value: # - post expand on posts automatically. Default. # - always expand for all pages automatically # - hide expand only when click on the sidebar toggle icon. # - remove Totally remove sidebar including sidebar toggle. #display: post display: always #display: hide #display: remove # Sidebar offset from top menubar in pixels. offset: 12 offset_float: 0 # Back to top in sidebar b2t: false # Scroll percent label in b2t button scrollpercent: false # Blog rolls links_title: Links #links_layout: block #links_layout: inline links: hexo: https://hexo.io/zh-cn/ next: http://theme-next.iissnan.com/ web project: http://www.watersister.top # --------------------------------------------------------------- # Post Settings # --------------------------------------------------------------- # Automatically scroll page to section which is under <!-- more --> mark. scroll_to_more: true # Automatically excerpt description in homepage as preamble text. excerpt_description: true # Automatically Excerpt. Not recommend. # Please use <!-- more --> in the post to control excerpt accurately. auto_excerpt: enable: true length: 400 # Post meta display settings post_meta: item_text: true created_at: true updated_at: false categories: true # Post wordcount display settings # Dependencies: https://github.com/willin/hexo-wordcount post_wordcount: item_text: true wordcount: true min2read: true #Wechat Subscriber #wechat_subscriber: # enabled: true # qcode: /images/wechatpay.jpg # description: subscribe to my blog by scanning my public wechat account # --------------------------------------------------------------- # Misc Theme Settings # --------------------------------------------------------------- # Custom Logo. # !!Only available for Default Scheme currently. # Options: # enabled: [true/false] - Replace with specific image # image: url-of-image - Images"s url custom_logo: enabled: false image: # Code Highlight theme # Available value: # normal | night | night eighties | night blue | night bright # https://github.com/chriskempson/tomorrow-theme highlight_theme: night # --------------------------------------------------------------- # Third Party Services Settings # --------------------------------------------------------------- # MathJax Support mathjax: enable: false per_page: false cdn: //cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML # Swiftype Search API Key #swiftype_key: # Baidu Analytics ID #baidu_analytics: # Duoshuo ShortName duoshuo_shortname: cduyzh # Disqus #disqus_shortname: # Hypercomments #hypercomments_id: # Gentie productKey #gentie_productKey: # Support for youyan comments system. # You can get your uid from http://www.uyan.cc #youyan_uid: your uid # Support for LiveRe comments system. # You can get your uid from https://livere.com/insight/myCode (General web site) #livere_uid: your uid # Baidu Share # Available value: # button | slide # Warning: Baidu Share does not support https. #baidushare: ## type: button # Share #jiathis: # Warning: JiaThis does not support https. #add_this_id: # Share duoshuo_share: true # Google Webmaster tools verification setting # See: https://www.google.com/webmasters/ #google_site_verification: # Google Analytics #google_analytics: # Yandex Webmaster tools verification setting # See: https://webmaster.yandex.ru/ #yandex_site_verification: # CNZZ count #cnzz_siteid: # Application Insights # See https://azure.microsoft.com/en-us/services/application-insights/ # application_insights: # Make duoshuo show UA # user_id must NOT be null when admin_enable is true! # you can visit http://dev.duoshuo.com get duoshuo user id. duoshuo_info: ua_enable: true admin_enable: false user_id: 6224774254659896065 admin_nickname: author # Facebook SDK Support. # https://github.com/iissnan/hexo-theme-next/pull/410 facebook_sdk: enable: false app_id: #<app_id> fb_admin: #<user_id> like_button: #true webmaster: #true # Facebook comments plugin # This plugin depends on Facebook SDK. # If facebook_sdk.enable is false, Facebook comments plugin is unavailable. facebook_comments_plugin: enable: false num_of_posts: 10 # min posts num is 1 width: 100% # default width is 550px scheme: light # default scheme is light (light or dark) # VKontakte API Support. # To get your AppID visit https://vk.com/editapp?act=create vkontakte_api: enable: false app_id: #<app_id> like: true comments: true num_of_posts: 10 # Show number of visitors to each article. # You can visit https://leancloud.cn get AppID and AppKey. leancloud_visitors: enable: true app_id: TxBSdzFliqxOpec29xEd8pO5-gzGzoHsz app_key: 5rH911Nhs9V7AWFjEYqe8Bz7 # Show PV/UV of the website/page with busuanzi. # Get more information on http://ibruce.info/2015/04/04/busuanzi/ busuanzi_count: # count values only if the other configs are false enable: true # custom uv span for the whole site site_uv: true site_uv_header: <i class="fa fa-user"></i> 訪問用戶： site_uv_footer: 人 # custom pv span for the whole site site_pv: true site_pv_header: <i class="fa fa-eye"></i> 訪問次數： site_pv_footer: 次 # custom pv span for one page only page_pv: false page_pv_header: <i class="fa fa-file-o"></i> 點擊量 page_pv_footer: 次 # Tencent analytics ID # tencent_analytics: # Tencent MTA ID # tencent_mta: # Enable baidu push so that the blog will push the url to baidu automatically which is very helpful for SEO baidu_push: true # Google Calendar # Share your recent schedule to others via calendar page # # API Documentation: # https://developers.google.com/google-apps/calendar/v3/reference/events/list calendar: enable: false calendar_id: <required> api_key: <required> orderBy: startTime offsetMax: 24 offsetMin: 4 timeZone: showDeleted: false singleEvents: true maxResults: 250 # Algolia Search algolia_search: enable: false hits: per_page: 10 labels: input_placeholder: Search for Posts hits_empty: "We didn"t find any results for the search: ${query}" hits_stats: "${hits} results found in ${time} ms" # Local search local_search: enable: true # External URL with BASE64 encrypt & decrypt # Usage: {% exturl text url "title" %} # Alias: {% extlink text url "title" %} exturl: false #! --------------------------------------------------------------- #! DO NOT EDIT THE FOLLOWING SETTINGS #! UNLESS YOU KNOW WHAT YOU ARE DOING #! --------------------------------------------------------------- # Motion use_motion: true # Fancybox fancybox: true # Canvas-nest canvas_nest: true # Script Vendors. # Set a CDN address for the vendor you want to customize. # For example # jquery: https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js # Be aware that you should use the same version as internal ones to avoid potential problems. # Please use the https protocol of CDN files when you enable https on your site. vendors: # Internal path prefix. Please do not edit it. _internal: lib # Internal version: 2.1.3 jquery: //cdn.bootcss.com/jquery/2.1.3/jquery.min.js # Internal version: 2.1.5 # Fancybox: http://fancyapps.com/fancybox/ fancybox: //cdn.bootcss.com/fancybox/2.1.5/jquery.fancybox.pack.js fancybox_css: //cdn.bootcss.com/fancybox/2.1.5/jquery.fancybox.min.css # Internal version: 1.0.6 fastclick: //cdn.bootcss.com/fastclick/1.0.6/fastclick.min.js # Internal version: 1.9.7 # See: https://github.com/tuupola/jquery_lazyload lazyload: //cdn.bootcss.com/jquery_lazyload/1.9.7/jquery.lazyload.min.js # Internal version: 1.2.1 velocity: # Internal version: 1.2.1 velocity_ui: # Internal version: 0.7.9 # See: https://faisalman.github.io/ua-parser-js/ ua_parser: # Internal version: 4.6.2 # See: http://fontawesome.io/ fontawesome: //cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css # Internal version: 1 # https://www.algolia.com algolia_instant_js: algolia_instant_css: # Internal version: 1.0.0 # https://github.com/hustcc/canvas-nest.js canvas_nest: //cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js # Assets css: css js: js images: images # Theme version version: 5.1.0 # 多說熱評文章 true 或者 false duoshuo_hotartical: true reward_comment: 堅持原創技術分享，您的支持將鼓勵我繼續創作！ wechatpay: /images/wechatpay.jpg alipay: /images/alipay.jpg</pre> <p><strong>PS:</strong>可以不用一次性看完，理解下各個屬性即可，官網也沒有對所有配置的中文解釋，只有一些例子配置對應的參數而已。</p> <p>相信絕大數人都沒看完，大家可以后面自己配置的時候再來看。</p> <b>啟用主題</b> <p>打開站點配置文件， 找到 theme 字段，并將其值更改為 next</p> <pre>theme: next</pre> <p><strong>注意:后有個空格必須要有空格哦</strong><br>然后 hexo s 即可在localshost:4000地址里預覽主題效果</p> <b>更換主題外觀</b> <p>next有三個主題樣式</p> <pre># Schemes #scheme: Muse scheme: Mist #scheme: Pisces</pre> <p>我用的是第二個</p> <p>更換語言為中文，在根目錄配置文件下配置language: zh-Hans</p> <pre># Site title: Water Sister"s Blog subtitle: 生活、技術個人博客 description: 思考中..... author: Yang ZiHao language: zh-Hans timezone:</pre> <b>添加網站小圖標</b> <p>在主題目錄配置文件下設置</p> <pre># Put your favicon.ico into `hexo-site/source/` directory. favicon: /images/favicon.ico</pre> <p>大部分的設定都能在NexT的官方文檔 里面找到，如側欄、頭像、打賞、評論、訂閱、連接、分享、數據統計等等，在此就不多講了，照著文檔走就行了，接下只是個性定制的問題。<br>所以給個官方文檔大家可以自己去看一遍：<br>http://theme-next.iissnan.com/theme-settings.html</p> <b>部署發行項目</b> <b>前言</b> <p>假設前面已經注冊了github帳號和創建了對應的倉庫，通過配置SSH來建立連接。</p> <b>生成SSH</b> <pre>$ ssh-keygen -t rsa -C "郵件地址@youremail.com" Generating public/private rsa key pair. Enter file in which to save the key (/Users/your_user_directory/.ssh/id_rsa):<回車></pre> <p>系統會要求你輸入密碼，這里設置的密碼主要是在你提交Git時彈出密碼認證，不想輸入直接回車</p> <pre>Enter passphrase (empty for no passphrase):<輸入加密串> Enter same passphrase again:<再次輸入加密串></pre> <p>成功后如圖：<br><script type="text/javascript">showImg("https://segmentfault.com/img/remote/1460000008725521?w=523&h=276");</script></p> <b>配置SSH</b> <p><strong>找到id_rsa.pub 并復制文件內容</strong><br>id_rsa.pub文件一般位于電腦用戶配置文件夾下的一個.ssh文件下C:Users你的用戶名.ssh<br><strong>登錄Github并添加密鑰</strong><br>進入github首頁在右上角選擇settings設置。<br><script type="text/javascript">showImg("https://segmentfault.com/img/remote/1460000008725522?w=1272&h=472");</script><br>創建一個新的SSH key，圖中顯示我已經創建好了。<br>title可以隨便取<br><script type="text/javascript">showImg("https://segmentfault.com/img/remote/1460000008725523?w=723&h=325");</script></p> <b>測試通過git bash鏈接到Git</b> <p><strong>鏈接Git</strong></p> <pre>$ ssh -T git@github.com</pre> <p><strong>提示如下：yes</strong></p> <pre>The authenticity of host "github.com (207.65.227.44)" can"t be established. RSA key fingerprint is 16:27:42:18:60:1d:7b:13:d2:b5:c4:20:7e:56:86:d8:71:f3 Are you sure you want to continue connecting (yes/no)?</pre> <p><strong>以下為成功鏈接到Git</strong></p> <pre>Hi XXXX! You"ve successfully authenticated, but GitHub does not provide shell access.</pre> <p><strong>使用Git bash簡單的設置一下用戶信息：</strong></p> <pre>git config --global user.name your name git config --global user.email your_email@youremail.com</pre> <b>部署到Github</b> <p>在此之前，先安裝Git部署插件</p> <pre>npm install hexo-deployer-git --save</pre> <p>打開根目錄配置文件，拉到底部，修改部署配置：</p> <pre>deploy: type: git repo: github: git@github.com:cduyzh/cduyzh.github.io.git,master </pre> <p>注意冒號后面是網站對應的用戶名，接著就是/，然后再是你的項目名加上 .git,master</p> <p>保存后終端執行</p> <pre>hexo clean hexo g hexo d</pre> <p>結果如下為成功上傳<br><script type="text/javascript">showImg("https://segmentfault.com/img/remote/1460000008725524?w=567&h=104");</script></p> <b>總結</b> <p>到這里基本上完成了hexo的配置和項目的上傳，后面我會講一些文章的編輯，分類，標簽的運用，還會對next主題進行一些分析，如果想自己設置主題和樣式建議先把next主題的官方中文文檔看一下，我會對其中的一些進行解釋。</p> </div> <div id="wsmgwy2" class="mt-64 tags-seach" > <div id="cskqyca" class="tags-info"> <a style="width:120px;" title="GPU云服務器" href="http://specialneedsforspecialkids.com/site/product/gpu.html">GPU云服務器</a> <a style="width:120px;" title="云服務器" href="http://specialneedsforspecialkids.com/site/active/kuaijiesale.html?ytag=seo">云服務器</a> <a style="width:120px;" title="從零開始搭建前端數據監控系統" href="http://specialneedsforspecialkids.com/yun/tag/conglingkaishidajianqianduanshujujiankongxitong/">從零開始搭建前端數據監控系統</a> <a style="width:120px;" title="從零開始搭建騰訊云服務器" href="http://specialneedsforspecialkids.com/yun/tag/conglingkaishidajiantengxunyunfuwuqi/">從零開始搭建騰訊云服務器</a> <a style="width:120px;" title="搭建個人博客" href="http://specialneedsforspecialkids.com/yun/tag/dajiangerenboke/">搭建個人博客</a> <a style="width:120px;" title="個人博客搭建" href="http://specialneedsforspecialkids.com/yun/tag/gerenbokedajian/">個人博客搭建</a> </div> </div> <div id="60g02mc" class="entry-copyright mb-30"> <p class="mb-15"> 文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。</p> <p>轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/82089.html</p> </div> <ul class="pre-next-page"> <li id="ea0ouuk" class="ellipsis"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/82088.html">上一篇：Lodash常用API筆記</a></li> <li id="o2cim2u" class="ellipsis"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/82090.html">下一篇：從一個小場景學會使用 apply方法</a></li> </ul> </div> <div id="icmqyom" class="about_topicone-mid"> <h3 class="top-com-title mb-0"><span data-id="0">相關文章</span></h3> <ul class="com_white-left-mid atricle-list-box"> <li> <div id="ecum0cq" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/111760.html"><b><em>2017</em><em>年</em><em>最新</em><em>基于</em><em>hexo</em><em>搭建</em><em>個人</em><em>免費</em><em>博客</em>——<em>從零</em><em>開始</em></b></a></h2> <p class="ellipsis2 good">摘要：前言搭建此博客是因為通過上了解到進而知道了可以把靜態網頁博客托管給倉庫或許您已經通搭建個人博客網站了解到如何通過實現個人博客網站的建立。但是盡管您已經成功建立博客網站，但是你需要對網站做合適的配置和調整才能迎合你的網站要求。 showImg(https://segmentfault.com/img/remote/1460000008725509?w=1449&h=459); 前言 搭建...</p> <div id="2yewa0g" class="com_white-left-info"> <div id="awaeiik" class="com_white-left-infol"> <a href="http://specialneedsforspecialkids.com/yun/u-1681.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/16/small_000001681.jpg" alt=""><span id="2saaima" class="layui-hide64">Paul_King</span></a> <time datetime="">2019-08-29 12:14</time> <span><i class="fa fa-commenting"></i>評論0</span> <span><i class="fa fa-star"></i>收藏0</span> </div> </div> </div> </li> <li> <div id="qu2mcyq" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/50572.html"><b><em>2017</em><em>年</em><em>最新</em><em>基于</em><em>hexo</em><em>搭建</em><em>個人</em><em>免費</em><em>博客</em>——<em>從零</em><em>開始</em></b></a></h2> <p class="ellipsis2 good">摘要：前言搭建此博客是因為通過上了解到進而知道了可以把靜態網頁博客托管給倉庫或許您已經通搭建個人博客網站了解到如何通過實現個人博客網站的建立。但是盡管您已經成功建立博客網站，但是你需要對網站做合適的配置和調整才能迎合你的網站要求。 showImg(https://segmentfault.com/img/remote/1460000008725509?w=1449&h=459); 前言 搭建...</p> <div id="k2y0suu" class="com_white-left-info"> <div id="kq0syoa" class="com_white-left-infol"> <a href="http://specialneedsforspecialkids.com/yun/u-562.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/05/small_000000562.jpg" alt=""><span id="q0awyyo" class="layui-hide64">hlcfan</span></a> <time datetime="">2019-08-01 16:31</time> <span><i class="fa fa-commenting"></i>評論0</span> <span><i class="fa fa-star"></i>收藏0</span> </div> </div> </div> </li> <li> <div id="ac2swk2" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/111785.html"><b><em>2017</em><em>年</em><em>最新</em><em>基于</em><em>hexo</em><em>搭建</em><em>個人</em><em>免費</em><em>博客</em>——自定義頁面樣式一</b></a></h2> <p class="ellipsis2 good">摘要：添加你修改的代碼找到你主題文件夾里的對應位置以我的路徑為例子里面有個文件夾和一個文件，主要用于打包代碼輸出成樣式的文件分析下其源代碼。注意本人不提倡去修改除了下的其他個文件里的源代碼，可能后面出問題不好還原。 showImg(https://segmentfault.com/img/remote/1460000008744124?w=1920&h=1280); 前言 之前答應一個評論朋...</p> <div id="m2kq022" class="com_white-left-info"> <div id="2s0euis" class="com_white-left-infol"> <a href="http://specialneedsforspecialkids.com/yun/u-1044.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/10/small_000001044.jpg" alt=""><span id="oc0kqqe" class="layui-hide64">curried</span></a> <time datetime="">2019-08-29 12:16</time> <span><i class="fa fa-commenting"></i>評論0</span> <span><i class="fa fa-star"></i>收藏0</span> </div> </div> </div> </li> <li> <div id="2ooqiii" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/88174.html"><b><em>2017</em><em>年</em><em>最新</em><em>基于</em><em>hexo</em><em>搭建</em><em>個人</em><em>免費</em><em>博客</em>——自定義頁面樣式一</b></a></h2> <p class="ellipsis2 good">摘要：添加你修改的代碼找到你主題文件夾里的對應位置以我的路徑為例子里面有個文件夾和一個文件，主要用于打包代碼輸出成樣式的文件分析下其源代碼。注意本人不提倡去修改除了下的其他個文件里的源代碼，可能后面出問題不好還原。 showImg(https://segmentfault.com/img/remote/1460000008744124?w=1920&h=1280); 前言 之前答應一個評論朋...</p> <div id="ociassg" class="com_white-left-info"> <div id="ocioiu2" class="com_white-left-infol"> <a href="http://specialneedsforspecialkids.com/yun/u-510.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/05/small_000000510.jpg" alt=""><span id="sumsyac" class="layui-hide64">KevinYan</span></a> <time datetime="">2019-08-21 15:26</time> <span><i class="fa fa-commenting"></i>評論0</span> <span><i class="fa fa-star"></i>收藏0</span> </div> </div> </div> </li> <li> <div id="2uwsyaa" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://specialneedsforspecialkids.com/yun/50596.html"><b><em>2017</em><em>年</em><em>最新</em><em>基于</em><em>hexo</em><em>搭建</em><em>個人</em><em>免費</em><em>博客</em>——自定義頁面樣式一</b></a></h2> <p class="ellipsis2 good">摘要：添加你修改的代碼找到你主題文件夾里的對應位置以我的路徑為例子里面有個文件夾和一個文件，主要用于打包代碼輸出成樣式的文件分析下其源代碼。注意本人不提倡去修改除了下的其他個文件里的源代碼，可能后面出問題不好還原。 showImg(https://segmentfault.com/img/remote/1460000008744124?w=1920&h=1280); 前言 之前答應一個評論朋...</p> <div id="oe0msww" class="com_white-left-info"> <div id="oqgw0wg" class="com_white-left-infol"> <a href="http://specialneedsforspecialkids.com/yun/u-947.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/09/small_000000947.jpg" alt=""><span id="amsyqco" class="layui-hide64">leoperfect</span></a> <time datetime="">2019-08-01 16:33</time> <span><i class="fa fa-commenting"></i>評論0</span> <span><i class="fa fa-star"></i>收藏0</span> </div> </div> </div> </li> </ul> </div> <div id="wwogkc2" class="topicone-box-wangeditor"> <h3 class="top-com-title mb-64"><span>發表評論</span></h3> <div id="oc0o22a" class="xcp-publish-main flex_box_zd"> <div id="qc2asw2" class="unlogin-pinglun-box"> <a href="javascript:login()" class="grad">登陸后可評論</a> </div> </div> </div> <div id="uuwquya" class="site-box-content"> <div id="wwkqywm" class="site-content-title"> <h3 class="top-com-title mb-64"><span>0條評論</span></h3> </div> <div id="mkouyym" class="pages"></ul></div> </div> </div> <div id="aqum04m" class="layui-col-md4 layui-col-lg3 com_white-right site-wrap-right"> <div id="qq2qwk2" class=""> <div id="0uci0y0" class="com_layuiright-box user-msgbox"> <a href="http://specialneedsforspecialkids.com/yun/u-532.html"><img src="http://specialneedsforspecialkids.com/yun/data/avatar/000/00/05/small_000000532.jpg" alt=""></a> <h3><a href="http://specialneedsforspecialkids.com/yun/u-532.html" rel="nofollow">zacklee</a></h3> <h6>男<span>|</span>高級講師</h6> <div id="gkas0me" class="flex_box_zd user-msgbox-atten"> <a href="javascript:attentto_user(532)" id="attenttouser_532" class="grad follow-btn notfollow attention">我要關注</a> <a href="javascript:login()" title="發私信" >我要私信</a> </div> <div id="ikaewya" class="user-msgbox-list flex_box_zd"> <h3 class="hpf">TA的文章</h3> <a href="http://specialneedsforspecialkids.com/yun/ut-532.html" class="box_hxjz">閱讀更多</a> </div> <ul class="user-msgbox-ul"> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/122696.html">APIJSON 4.7.2 發布，BAT 技術專家貢獻生態項目</a></h3> <p>閱讀 2684<span>·</span>2021-10-22 09:55</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/121237.html">基于單片機的智能家居控制系統</a></h3> <p>閱讀 2008<span>·</span>2021-09-27 13:35</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/118430.html">RackNerd： KVM年付9.49美元起,Intel或AMD Ryzen,洛杉磯vps/西雅圖v</a></h3> <p>閱讀 1267<span>·</span>2021-08-24 10:02</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/117277.html">前端知識點(二)</a></h3> <p>閱讀 1478<span>·</span>2019-08-30 15:55</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/115869.html">偽元素 before 和 after 初探</a></h3> <p>閱讀 1198<span>·</span>2019-08-30 14:13</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/115664.html">關于前后端分離的開發模式</a></h3> <p>閱讀 3471<span>·</span>2019-08-30 13:57</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/114783.html">使用CSS創建一個炫酷的球體動畫效果</a></h3> <p>閱讀 1975<span>·</span>2019-08-30 11:07</p></li> <li><h3 class="ellipsis"><a href="http://specialneedsforspecialkids.com/yun/114173.html">魔法CSS（1）——消失的list-style</a></h3> <p>閱讀 2447<span>·</span>2019-08-29 17:12</p></li> </ul> </div> <!-- 文章詳情右側廣告--> <div id="egaciw2" class="com_layuiright-box"> <h6 class="top-com-title"><span>最新活動</span></h6> <div id="ccs2ssu" class="com_adbox"> <div id="giyogsq" class="layui-carousel" id="right-item"> <div carousel-item> <div> <a href="http://specialneedsforspecialkids.com/site/active/kuaijiesale.html?ytag=seo" rel="nofollow"> <img src="http://specialneedsforspecialkids.com/yun/data/attach/240625/2rTjEHmi.png" alt="云服務器"> </a> </div> <div> <a href="http://specialneedsforspecialkids.com/site/product/gpu.html" rel="nofollow"> <img src="http://specialneedsforspecialkids.com/yun/data/attach/240807/7NjZjdrd.png" alt="GPU云服務器"> </a> </div> </div> </div> </div> <!-- banner結束 --> <div id="2wq0u2k" class="adhtml"> </div> <script> $(function(){ $.ajax({ type: "GET", url:"http://specialneedsforspecialkids.com/yun/ad/getad/1.html", cache: false, success: function(text){ $(".adhtml").html(text); } }); }) </script> </div> </div> </div> </div> </div> </section> <!-- wap拉出按鈕 --> <div id="gegmees" class="site-tree-mobile layui-hide"> <i class="layui-icon layui-icon-spread-left"></i> </div> <!-- wap遮罩層 --> <div id="oeyqkwy" class="site-mobile-shade"></div> <!--付費閱讀 --> <div class="qemucoq" id="payread"> <div id="mk0cgi0" class="layui-form-item">閱讀需要支付1元查看</div> <div id="c22skwm" class="layui-form-item"><button class="btn-right">支付并查看</button></div> </div> <script> var prei=0; $(".site-seo-depict pre").each(function(){ var html=$(this).html().replace("<code>","").replace("</code>","").replace('<code class="javascript hljs" codemark="1">',''); $(this).attr('data-clipboard-text',html).attr("id","pre"+prei); $(this).html("").append("<code>"+html+"</code>"); prei++; }) $(".site-seo-depict img").each(function(){ if($(this).attr("src").indexOf('data:image/svg+xml')!= -1){ $(this).remove(); } }) $("LINK[href*='style-49037e4d27.css']").remove(); $("LINK[href*='markdown_views-d7a94ec6ab.css']").remove(); layui.use(['jquery', 'layer','code'], function(){ $("pre").attr("class","layui-code"); $("pre").attr("lay-title",""); $("pre").attr("lay-skin",""); layui.code(); $(".layui-code-h3 a").attr("class","copycode").html("復制代碼 ").attr("onclick","copycode(this)"); }); function copycode(target){ var id=$(target).parent().parent().attr("id"); var clipboard = new ClipboardJS("#"+id); clipboard.on('success', function(e) { e.clearSelection(); alert("復制成功") }); clipboard.on('error', function(e) { alert("復制失敗") }); } //$(".site-seo-depict").html($(".site-seo-depict").html().slice(0, -5)); </script> <link rel="stylesheet" type="text/css" href="http://specialneedsforspecialkids.com/yun/static/js/neweditor/code/styles/tomorrow-night-eighties.css"> <script src="http://specialneedsforspecialkids.com/yun/static/js/neweditor/code/highlight.pack.js" type="text/javascript"></script> <script src="http://specialneedsforspecialkids.com/yun/static/js/clipboard.js"></script> <script>hljs.initHighlightingOnLoad();</script> <script> function setcode(){ var _html=''; document.querySelectorAll('pre code').forEach((block) => { var _tmptext=$.trim($(block).text()); if(_tmptext!=''){ _html=_html+_tmptext; console.log(_html); } }); } </script> <script> function payread(){ layer.open({ type: 1, title:"付費閱讀", shadeClose: true, content: $('#payread') }); } // 舉報 function jupao_tip(){ layer.open({ type: 1, title:false, shadeClose: true, content: $('#jubao') }); } $(".getcommentlist").click(function(){ var _id=$(this).attr("dataid"); var _tid=$(this).attr("datatid"); $("#articlecommentlist"+_id).toggleClass("hide"); var flag=$("#articlecommentlist"+_id).attr("dataflag"); if(flag==1){ flag=0; }else{ flag=1; //加載評論 loadarticlecommentlist(_id,_tid); } $("#articlecommentlist"+_id).attr("dataflag",flag); }) $(".add-comment-btn").click(function(){ var _id=$(this).attr("dataid"); $(".formcomment"+_id).toggleClass("hide"); }) $(".btn-sendartcomment").click(function(){ var _aid=$(this).attr("dataid"); var _tid=$(this).attr("datatid"); var _content=$.trim($(".commenttext"+_aid).val()); if(_content==''){ alert("評論內容不能為空"); return false; } var touid=$("#btnsendcomment"+_aid).attr("touid"); if(touid==null){ touid=0; } addarticlecomment(_tid,_aid,_content,touid); }) $(".button_agree").click(function(){ var supportobj = $(this); var tid = $(this).attr("id"); $.ajax({ type: "GET", url:"http://specialneedsforspecialkids.com/yun/index.php?topic/ajaxhassupport/" + tid, cache: false, success: function(hassupport){ if (hassupport != '1'){ $.ajax({ type: "GET", cache:false, url: "http://specialneedsforspecialkids.com/yun/index.php?topic/ajaxaddsupport/" + tid, success: function(comments) { supportobj.find("span").html(comments+"人贊"); } }); }else{ alert("您已經贊過"); } } }); }); function attenquestion(_tid,_rs){ $.ajax({ //提交數據的類型 POST GET type:"POST", //提交的網址 url:"http://specialneedsforspecialkids.com/yun/favorite/topicadd.html", //提交的數據 data:{tid:_tid,rs:_rs}, //返回數據的格式 datatype: "json",//"xml", "html", "script", "json", "jsonp", "text". //在請求之前調用的函數 beforeSend:function(){}, //成功返回之后調用的函數 success:function(data){ var data=eval("("+data+")"); console.log(data) if(data.code==2000){ layer.msg(data.msg,function(){ if(data.rs==1){ //取消收藏 $(".layui-layer-tips").attr("data-tips","收藏文章"); $(".layui-layer-tips").html('<i class="fa fa-heart-o"></i>'); } if(data.rs==0){ //收藏成功 $(".layui-layer-tips").attr("data-tips","已收藏文章"); $(".layui-layer-tips").html('<i class="fa fa-heart"></i>') } }) }else{ layer.msg(data.msg) } } , //調用執行后調用的函數 complete: function(XMLHttpRequest, textStatus){ postadopt=true; }, //調用出錯執行的函數 error: function(){ //請求出錯處理 postadopt=false; } }); } </script> <footer> <div id="qeiqiu0" class="layui-container"> <div id="es02002" class="flex_box_zd"> <div id="0skageg" class="left-footer"> <h6><a href="http://specialneedsforspecialkids.com/"><img src="http://specialneedsforspecialkids.com/yun/static/theme/ukd//images/logo.png" alt="UCloud （優刻得科技股份有限公司）"></a></h6> <p>UCloud （優刻得科技股份有限公司）是中立、安全的云計算服務平臺，堅持中立，不涉足客戶業務領域。公司自主研發IaaS、PaaS、大數據流通平臺、AI服務平臺等一系列云計算產品，并深入了解互聯網、傳統企業在不同場景下的業務需求，提供公有云、混合云、私有云、專有云在內的綜合性行業解決方案。</p> </div> <div id="22wmiue" class="right-footer layui-hidemd"> <ul class="flex_box_zd"> <li> <h6>UCloud與云服務</h6> <p><a href="http://specialneedsforspecialkids.com/site/about/intro/">公司介紹</a></p> <p><a >加入我們</a></p> <p><a href="http://specialneedsforspecialkids.com/site/ucan/onlineclass/">UCan線上公開課</a></p> <p><a href="http://specialneedsforspecialkids.com/site/solutions.html" >行業解決方案</a></p> <p><a href="http://specialneedsforspecialkids.com/site/pro-notice/">產品動態</a></p> </li> <li> <h6>友情鏈接</h6> <p><a >GPU算力平臺</a></p> <p><a >UCloud私有云</a></p> <p><a >SurferCloud</a></p> <p><a >工廠仿真軟件</a></p> <p><a >Pinex</a></p> <p><a >AI繪畫</a></p> </li> <li> <h6>社區欄目</h6> <p><a href="http://specialneedsforspecialkids.com/yun/column/index.html">專欄文章</a></p> <p><a href="http://specialneedsforspecialkids.com/yun/udata/">專題地圖</a></p> </li> <li> <h6>常見問題</h6> <p><a href="http://specialneedsforspecialkids.com/site/ucsafe/notice.html" >安全中心</a></p> <p><a href="http://specialneedsforspecialkids.com/site/about/news/recent/" >新聞動態</a></p> <p><a href="http://specialneedsforspecialkids.com/site/about/news/report/">媒體動態</a></p> <p><a href="http://specialneedsforspecialkids.com/site/cases.html">客戶案例</a></p> <p><a href="http://specialneedsforspecialkids.com/site/notice/">公告</a></p> </li> <li> <span><img src="https://static.ucloud.cn/7a4b6983f4b94bcb97380adc5d073865.png" alt="優刻得"></span> <p>掃掃了解更多</p></div> </div> <div id="eg2skmm" class="copyright">Copyright ? 2012-2023 UCloud 優刻得科技股份有限公司<i>｜</i><a rel="nofollow" >滬公網安備 31011002000058號</a><i>｜</i><a rel="nofollow" ></a> 滬ICP備12020087號-3</a><i>｜</i> <script type="text/javascript" src="https://gyfk12.kuaishang.cn/bs/ks.j?cI=197688&fI=125915" charset="utf-8"></script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?290c2650b305fc9fff0dbdcafe48b59d"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-DZSMXQ3P9N"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-DZSMXQ3P9N'); </script> <script> (function(){ var el = document.createElement("script"); el.src = "https://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?99f50ea166557aed914eb4a66a7a70a4709cbb98a54ecb576877d99556fb4bfc3d72cd14f8a76432df3935ab77ec54f830517b3cb210f7fd334f50ccb772134a"; el.id = "ttzz"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(el, s); })(window) </script></div> </div> </footer> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p> <a href="http://specialneedsforspecialkids.com/" title="国产xxxx99真实实拍">国产xxxx99真实实拍</a> <div class="friend-links"> <a href="http://belistarlp.com/">国产黄色在线</a> </div> </div> </footer> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body><div id="e0wc0" class="pl_css_ganrao" style="display: none;"><option id="e0wc0"></option><ul id="e0wc0"><pre id="e0wc0"><dd id="e0wc0"></dd></pre></ul><samp id="e0wc0"></samp><em id="e0wc0"><del id="e0wc0"><dfn id="e0wc0"></dfn></del></em><menu id="e0wc0"><li id="e0wc0"><acronym id="e0wc0"></acronym></li></menu><dl id="e0wc0"></dl><noframes id="e0wc0"><samp id="e0wc0"><tbody id="e0wc0"></tbody></samp></noframes><del id="e0wc0"></del><cite id="e0wc0"><abbr id="e0wc0"><kbd id="e0wc0"></kbd></abbr></cite><xmp id="e0wc0"></xmp><nav id="e0wc0"></nav><object id="e0wc0"><small id="e0wc0"><noframes id="e0wc0"></noframes></small></object><sup id="e0wc0"></sup><acronym id="e0wc0"></acronym><abbr id="e0wc0"><ul id="e0wc0"><center id="e0wc0"></center></ul></abbr><source id="e0wc0"></source><input id="e0wc0"><tbody id="e0wc0"><button id="e0wc0"></button></tbody></input><bdo id="e0wc0"></bdo><xmp id="e0wc0"></xmp><wbr id="e0wc0"><strong id="e0wc0"><nav id="e0wc0"></nav></strong></wbr><samp id="e0wc0"></samp><th id="e0wc0"></th><noscript id="e0wc0"></noscript><acronym id="e0wc0"></acronym><tr id="e0wc0"></tr><pre id="e0wc0"></pre><fieldset id="e0wc0"><table id="e0wc0"><del id="e0wc0"></del></table></fieldset><strike id="e0wc0"><s id="e0wc0"><li id="e0wc0"></li></s></strike><small id="e0wc0"></small><blockquote id="e0wc0"></blockquote><kbd id="e0wc0"></kbd><delect id="e0wc0"><tr id="e0wc0"><rt id="e0wc0"></rt></tr></delect><menu id="e0wc0"></menu><th id="e0wc0"></th><tr id="e0wc0"></tr><blockquote id="e0wc0"></blockquote><blockquote id="e0wc0"><tfoot id="e0wc0"><input id="e0wc0"></input></tfoot></blockquote><menu id="e0wc0"></menu><dfn id="e0wc0"></dfn><fieldset id="e0wc0"><input id="e0wc0"><abbr id="e0wc0"></abbr></input></fieldset><s id="e0wc0"><bdo id="e0wc0"><option id="e0wc0"></option></bdo></s><tr id="e0wc0"></tr><center id="e0wc0"></center><nav id="e0wc0"></nav><small id="e0wc0"></small><th id="e0wc0"></th><sup id="e0wc0"><center id="e0wc0"><dl id="e0wc0"></dl></center></sup><wbr id="e0wc0"><cite id="e0wc0"><nav id="e0wc0"></nav></cite></wbr><delect id="e0wc0"></delect><tbody id="e0wc0"></tbody><pre id="e0wc0"></pre><dd id="e0wc0"><strike id="e0wc0"><menu id="e0wc0"></menu></strike></dd><abbr id="e0wc0"></abbr><object id="e0wc0"><small id="e0wc0"><abbr id="e0wc0"></abbr></small></object><abbr id="e0wc0"><kbd id="e0wc0"><center id="e0wc0"></center></kbd></abbr><pre id="e0wc0"><center id="e0wc0"><tfoot id="e0wc0"></tfoot></center></pre><td id="e0wc0"></td><dl id="e0wc0"></dl><acronym id="e0wc0"></acronym><tr id="e0wc0"></tr><th id="e0wc0"></th><fieldset id="e0wc0"><table id="e0wc0"><tr id="e0wc0"></tr></table></fieldset><acronym id="e0wc0"></acronym><center id="e0wc0"><dd id="e0wc0"><th id="e0wc0"></th></dd></center><blockquote id="e0wc0"></blockquote><abbr id="e0wc0"><ul id="e0wc0"><tbody id="e0wc0"></tbody></ul></abbr><th id="e0wc0"></th><pre id="e0wc0"><samp id="e0wc0"><tfoot id="e0wc0"></tfoot></samp></pre><object id="e0wc0"><strong id="e0wc0"><noframes id="e0wc0"></noframes></strong></object><rt id="e0wc0"></rt><dd id="e0wc0"></dd><th id="e0wc0"></th><table id="e0wc0"></table><button id="e0wc0"></button><kbd id="e0wc0"></kbd><kbd id="e0wc0"></kbd><small id="e0wc0"></small><ul id="e0wc0"></ul><th id="e0wc0"></th><fieldset id="e0wc0"><input id="e0wc0"><abbr id="e0wc0"></abbr></input></fieldset><table id="e0wc0"><tr id="e0wc0"><pre id="e0wc0"></pre></tr></table><abbr id="e0wc0"><kbd id="e0wc0"><center id="e0wc0"></center></kbd></abbr><em id="e0wc0"><del id="e0wc0"><dfn id="e0wc0"></dfn></del></em><small id="e0wc0"></small><fieldset id="e0wc0"><optgroup id="e0wc0"><tr id="e0wc0"></tr></optgroup></fieldset><tbody id="e0wc0"><object id="e0wc0"><strong id="e0wc0"></strong></object></tbody><nav id="e0wc0"></nav><rt id="e0wc0"></rt><object id="e0wc0"></object><option id="e0wc0"></option><input id="e0wc0"><tbody id="e0wc0"><noframes id="e0wc0"></noframes></tbody></input><tbody id="e0wc0"></tbody><del id="e0wc0"></del><option id="e0wc0"></option><option id="e0wc0"></option><dd id="e0wc0"></dd><blockquote id="e0wc0"></blockquote><dfn id="e0wc0"></dfn><td id="e0wc0"></td><optgroup id="e0wc0"></optgroup><delect id="e0wc0"></delect><noscript id="e0wc0"></noscript><sup id="e0wc0"><center id="e0wc0"><dl id="e0wc0"></dl></center></sup><dl id="e0wc0"></dl><dfn id="e0wc0"></dfn><s id="e0wc0"></s><tr id="e0wc0"><s id="e0wc0"><bdo id="e0wc0"></bdo></s></tr><abbr id="e0wc0"><kbd id="e0wc0"><center id="e0wc0"></center></kbd></abbr><rt id="e0wc0"></rt><kbd id="e0wc0"></kbd><code id="e0wc0"><table id="e0wc0"><tr id="e0wc0"></tr></table></code><bdo id="e0wc0"></bdo><blockquote id="e0wc0"></blockquote><dd id="e0wc0"><th id="e0wc0"><nav id="e0wc0"></nav></th></dd><kbd id="e0wc0"></kbd><cite id="e0wc0"><abbr id="e0wc0"><kbd id="e0wc0"></kbd></abbr></cite><center id="e0wc0"></center><abbr id="e0wc0"></abbr><s id="e0wc0"><bdo id="e0wc0"><option id="e0wc0"></option></bdo></s><optgroup id="e0wc0"></optgroup><table id="e0wc0"></table><table id="e0wc0"></table><dfn id="e0wc0"></dfn><center id="e0wc0"></center><dfn id="e0wc0"></dfn><optgroup id="e0wc0"><abbr id="e0wc0"><pre id="e0wc0"></pre></abbr></optgroup><dl id="e0wc0"></dl><delect id="e0wc0"></delect><del id="e0wc0"></del><ul id="e0wc0"><pre id="e0wc0"><source id="e0wc0"></source></pre></ul><center id="e0wc0"><dd id="e0wc0"><th id="e0wc0"></th></dd></center><sup id="e0wc0"><center id="e0wc0"><dl id="e0wc0"></dl></center></sup><pre id="e0wc0"><center id="e0wc0"><dl id="e0wc0"></dl></center></pre><bdo id="e0wc0"></bdo><abbr id="e0wc0"></abbr><sup id="e0wc0"><center id="e0wc0"><dl id="e0wc0"></dl></center></sup><option id="e0wc0"></option><tbody id="e0wc0"><source id="e0wc0"><small id="e0wc0"></small></source></tbody><ul id="e0wc0"></ul><input id="e0wc0"></input><tr id="e0wc0"></tr><abbr id="e0wc0"><kbd id="e0wc0"><pre id="e0wc0"></pre></kbd></abbr><blockquote id="e0wc0"></blockquote><acronym id="e0wc0"></acronym><center id="e0wc0"></center><pre id="e0wc0"></pre><th id="e0wc0"></th><object id="e0wc0"></object><option id="e0wc0"></option><strong id="e0wc0"></strong></div> <script src="http://specialneedsforspecialkids.com/yun/static/theme/ukd/js/common.js"></script> <<script type="text/javascript"> $(".site-seo-depict *,.site-content-answer-body *,.site-body-depict *").css("max-width","100%"); </script> </html>