前言
作为程序猿，相信大家都有过这样一个想法，搭建属于自己的博客网站，在上面写写技术文章，记录生活点滴，坚持下去会发现这是一件很有成就感的事情。最近刚好在学习这部分内容，深入进去后发现里面坑很多，为了节省大家的时间，少走一点弯路，我整理出了这篇文章供大家参考。
为什么选择Hexo
之前在网上搜了一下目前比较流行的静态博客框架，最后目标锁定在Jekyll和Hexo上，两者都支持Markdown语法，这点我很喜欢，Jekyll基于Ruby实现，安装Jekyll需要搭建Ruby环境，而Hexo基于NodeJs实现，在Windows上安装NodeJs开发环境比Ruby简单，另外Hexo的主题相对来说更符合我的审美，所以最终选择了Hexo。
什么是Hexo？官网对它的介绍是：
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。
准备工作
安装Node.js
下载地址：https://nodejs.org/en/download/
推荐下载LTS版本的msi文件，默认64-bit，也可根据自己的Windows版本选择32-bit。
image
保持默认设置即可，一路Next。安装完成后打开命令行窗口，输入命令：
$ node -v
$ npm -v
结果如下图所示，则说明安装正确，可以进行下一步，如果不正确，请回头检查自己的安装过程。
image
安装git
下载地址：https://git-scm.com/downloads
image
保持默认设置即可，一路Next。安装完成后打开命令行窗口，输入：
$ git --version
结果如下图所示，则说明安装正确，可以进行下一步，如果不正确，请回头检查自己的安装过程。
image
github配置
第一步，注册一个github账号，记得点击邮箱中的验证链接，注册地址：https://github.com
第二步，生成SSH keys
什么是ssh：ssh是Secure Shell（安全外壳协议）的缩写，建立在应用层和传输层基础上的安全协议。为了便于访问github，要生成ssh公钥，这样就不用每一次访问github都要输入用户名和密码。
1.本地成功安装git后，单击鼠标右键，选择Git Bash Here，打开git bash。
2.输入命令：
$ ssh-keygen -t rsa -C "[email protected]"
引号中的内容是你在github上的注册邮箱，之后一路回车，结果如图所示：
image
3.上一步已经成功的生成了ssh key，接下来输入：
$ eval "ssh-agent -s"
然后输入：
$ ssh-add ~/.ssh/id_rsa
这一步可能会报错：Could not open a connection to your authentication agent ，这时直接输入：
$ ssh-agent bash
再次输入：
$ ssh-add ~/.ssh/id_rsa
结果如图所示：
image
4.用cat命令查看key的内容：
$ cat ~/.ssh/id_rsa.pub
选中内容，右键复制备用，如图：
image
第三步，配置SSH keys
打开github页面，找到setting中的ssh keys，点击新增按钮，输入任意的title，将刚才复制的key粘贴进去保存即可。
image
image
image
第四步，测试
输入命令：
$ ssh -T [email protected]
结果如图：
image
到这里为止，准备工作就全部完成了。
Hexo的安装与配置
第一步，安装Hexo
打开命令行窗口，输入命令：
$ npm install -g hexo-cli
安装完成后输入：
$ hexo version
结果如下图所示，则说明安装正确。
image
如果报错：'hexo'不是内部或外部命令，也不是可运行的程序或批处理文件 ，则需要检查环境变量配置是否正确，如下图所示，编辑Path变量值，在结尾处加上：C:\Program Files\nodejs\node_global;（文件hexo.cmd所在目录）
image
第二步，初始化Hexo
进入任意目录，比如F盘，然后指定一个文件夹名，这里以blog为例，命令如下：
$ hexo init blog
结果如下图所示，F盘下会多出一个blog文件夹：
image
接下来进入blog目录：
$ cd blog
第三步，安装必要的依赖
$ npm install
第四步，生成静态文件
$ hexo generate
该命令的简写形式为：
$ hexo g
执行完毕后会在blog目录下生成一个public文件夹，里面包含了博客网站的所有静态资源。
第五步，启动服务器
$ hexo server
该命令的简写形式为：
$ hexo s
默认情况下，访问地址为：http://localhost:4000/
另外也可以指定端口（比如8000）：
$ hexo s -p 8000
第六步，验证
在浏览器中打开上面的地址，你将会看到：
image
到这里为止，Hexo的安装与相关配置就全部完成了。
将Hexo与Github Pages联系起来
第一步，创建代码库
1.登录github，点击页面右上角的加号，选择New repository
image
2.在Repository name中填写 yourname.github.io ，注意这里的yourname指的是你的github用户名，如果你的名字是kirito，那就填 kirito.github.io ，Description中可以填一些简单的描述，不写也没关系，然后点击Create repository
image
3.正确创建之后，你会看到如下界面：
image
第二步，编辑站点配置文件
打开blog目录下的_config.yml文件，编辑deploy模块，内容如下：
deploy:
type: git
repo: [email protected]:lizhiming1995/yourname.github.io.git
branch: master
注意这里的repo地址应该换成你第一步创建的代码库的地址。
第三步，安装一个扩展
进入blog目录，打开命令行窗口，输入命令：
$ npm install hexo-deployer-git --save
安装完成后，就可以一键部署到github上了。
第四步，部署
$ hexo deploy
该命令的简写形式为：
$ hexo d
执行结果如图所示：
image
这样你public目录下的静态文件就上传到你的代码库中了。
第五步，激活GitHub Pages
打开代码库的Settings页面，找到GitHub Pages，选择master branch，然后点击Save按钮，如图：
image
image
最后会提示你：Your site is ready to be published at http://yourname.github.io/
这就是你的博客地址了，任何人都可以访问哦。
绑定自己的域名
第一步，在万网、腾讯云、阿里云等提供域名注册的域名服务商处购买一个域名，这里以阿里云为例，购买地址：https://wanwang.aliyun.com/
第二步，打开控制台，给域名添加DNS解析
image
image
添加两条解析记录，记录类型为CNAME，主机记录分别填@和www，记录值填之前GitHub Pages提供的域名，注意没有http的前缀，如下图：
image
image
添加完后别人用www和不用www都能访问你的网站。
第三步，在blog目录的source文件夹下创建一个CNAME文件，记住不要有文件后缀名，编辑CNAME文件，里面写你购买的域名，例如 yourname.com ，记住不要有www，创建完成后每一次执行 hexo g 都会在public文件夹下生成CNAME文件，方便后面的部署
第四步，在blog目录下打开命令行窗口，运行 hexo g ，再运行 hexo d
第五步，在浏览器输入你购买的域名，你会发现该域名已经指向了你在github上的博客地址
注意：设置域名解析需要几分钟的时间，若完成以上步骤依然无法访问，请过几分钟再尝试
Hexo入门
我们先来看一下blog的目录结构：
+ blog
+ public //静态资源文件夹，内容会推送到代码库
+ scaffolds //模板文件夹，新建文章时，Hexo会根据模板来建立文件
+ source //资源文件夹，Markdown和HTML文件会被解析并放到public文件夹，而其他文件会被拷贝过去
+ themes //主题文件夹，Hexo会根据主题来生成静态页面
- _config.yml //网站的配置信息，可以在此配置大部分的参数
- package.json //应用程序的信息和依赖关系
方便起见，我们把网站的语言设置为中文，编辑blog目录下的_config.yml文件，将language这一项设置为 language: zh-CN（参考blog/themes/landscape/languages目录），将url这一项设置为 url: http://yourname.com（你购买的域名，若未购买可以用 http://yourname.github.io 代替），其他配置项请根据自己的需要进行设置。
接下来新建一篇文章：
$ hexo new [layout]
</code></pre>
<p>layout可选值有：draft（草稿）、page（页面）、post（文章），对应模板文件夹中的3个文件，如果没有设置layout的话，默认使用_config.yml中的default_layout参数（默认值post）代替。若标题包含空格，请使用引号括起来。</p>
<p>现在，我们来新建一篇名为test的文章，输入以下命令：</p>
<pre><code class="bash">$ hexo new test
</code></pre>
<p>结果在source/_posts目录下生成了test.md文件，内容如下：</p>
<pre><code>---
title: test
date: 2018-06-23 19:14:56
tags:
---
</code></pre>
<p>这里给出Front-matter的概念，Front-matter是文件最上方以 <code>---</code> 分隔的区域，用于指定文件的变量。</p>
<p>常见参数：title（标题）、date（创建日期）、tags（标签）、categories（分类），只有文章（post）支持标签和分类参数，建议文章分类只写一个，标签可以有多个，写法为 <code>tags: [tag1,tag2,tag3]</code> ，注意每个参数的冒号后面都应该有一个空格，这一点同样体现在_config.yml文件中</p>
<p>编辑test.md文件，内容如下：</p>
<pre><code>---
title: test
date: 2018-06-23 19:14:56
tags: [tag1,tag2,tag3]
categories: java
---
文章正文
</code></pre>
<p>保存后刷新页面，通常情况下页面会自动更新，若修改没有生效，则需要重新执行以下命令：</p>
<pre><code class="bash">$ hexo g
$ hexo s
</code></pre>
<p>这里再介绍一个命令：</p>
<pre><code class="bash">$ hexo clean
</code></pre>
<p>它的作用是清除缓存文件 (db.json) 和已生成的静态文件 (public)。在某些情况下（尤其是更换主题后），如果你发现对站点的更改无论如何也不生效，你可能需要运行该命令。</p>
<p>打开网站首页，你会看到刚才设置的标签和分类生效了：</p>
<div class="image-package">
<div class="image-container" style="max-width: 700px; max-height: 380px;">
<div class="image-view">
</div>
</div>
<div class="image-caption">
image
</div>
</div>
<p>发现Hello World这篇文章的内容被折叠起来了吗，很简单，只需要在文章正文合适的地方加上下面这行代码就搞定了。</p>
<pre><code><!--more-->
</code></pre>
<p>菜单栏只有Home和Archives？没关系，我们可以加个页面（page），这里以about为例，在blog目录下打开命令行窗口，输入命令：</p>
<pre><code class="bash">$ hexo new page about
</code></pre>
<p>结果会在source目录下生成about文件夹，里面包含一个index.md文件，文件内容就是about页面的内容。</p>
<p>还没有结束，编辑blog/themes/landscape目录下的_config.yml文件，修改menu的配置为：</p>
<pre><code>menu:
首页: /
归档: /archives
关于: /about
</code></pre>
<p>保存刷新页面，你会看到导航栏里多了“关于”，点进去就是about页面啦，目前只有一个标题，内容待编辑，注意页面是不支持设置标签和分类的，只有文章才支持。</p>
<div class="image-package">
<div class="image-container" style="max-width: 700px; max-height: 379px;">
<div class="image-view">
</div>
</div>
<div class="image-caption">
image
</div>
</div>
<p>最后，我们来总结一下发布文章的流程：</p>
<p>第一步，<code>hexo new <title></code> 生成一篇文章，这里的title指文件名，不建议使用中文</p>
<p>第二步，编辑文章，修改title、tags等参数，这里的title指文章标题，可以使用中文</p>
<p>第三步，<code>hexo s</code> 本地预览效果，不满意继续修改</p>
<p>第四步，<code>hexo g</code> 生成静态文件</p>
<p>第五步，<code>hexo d</code> 将静态文件推送至代码库</p>
<p>第四步和第五步可以合并成一条命令，<code>hexo d -g</code> ，表示部署之前预先生成静态文件。修改配置与发布文章的流程相似，最后都需要执行第三四五步。</p>
<h2>Hexo进阶</h2>
<h3>添加RSS订阅功能</h3>
<p>RSS是在线共享内容的一种简易方式，也叫简易信息聚合，全称Really Simple Syndication。当网站内容更新时，可以通过订阅RSS源在RSS阅读器上获取更新的信息，大多数的内容提供网站都会提供RSS订阅功能，方便用户去获取最新的内容。</p>
<p>1.安装feed插件</p>
<p>Hexo有一个专门生成RSS文件的插件 <code>hexo-generator-feed</code> ，进入blog目录，打开命令行窗口，输入命令：</p>
<pre><code class="bash">$ npm install hexo-generator-feed --save
</code></pre>
<p>2.启用插件</p>
<p>编辑blog目录下的_config.yml文件，添加如下内容：</p>
<pre><code># Extensions
Plugins:
- hexo-generator-feed
# Feed Atom
feed:
type: atom
path: atom.xml
limit: 20
</code></pre>
<p>3.生成RSS</p>
<pre><code class="bash">$ hexo g
</code></pre>
<p>如果生成了atom.xml就表示成功了：</p>
<div class="image-package">
<div class="image-container" style="max-width: 677px; max-height: 442px;">
<div class="image-view">
</div>
</div>
<div class="image-caption">
image
</div>
</div>
<p>在浏览器中打开 http://localhost:4000/atom.xml ，你会看到订阅功能已开启：</p>
<div class="image-package">
<div class="image-container" style="max-width: 700px; max-height: 380px;">
<div class="image-view">
</div>
</div>
<div class="image-caption">
image
</div>
</div>
<p>4.部署</p>
<pre><code class="bash">$ hexo d
</code></pre>
<p>5.使用RSS订阅功能</p>
<p>这里以Office的Outlook邮箱为例，订阅地址假设为 <code>http://spring2go.com/atom.xml</code>，如图：</p>
<div class="image-package">
<div class="image-container" style="max-width: 260px; max-height: 247px;">
<div class="image-view">
</div>
</div>
<div class="image-caption">
image
</div>
</div>
<div class="image-package">
<div class="image-container" style="max-width: 310px; max-height: 149px;">
<div class="image-view">
</div>
</div>
<div class="image-caption">
image
</div>
</div>
<div class="image-package">
<div class="image-container" style="max-width: 700px; max-height: 506px;">
<div class="image-view">
</div>
</div>
<div class="image-caption">
image
</div>
</div>
<h3>添加站点地图</h3>
<p>站点地图是一种文件，你可以通过该文件列出你网站上的网页，从而将你网站内容的组织架构告知Google和其他搜索引擎。Googlebot等搜索引擎网页抓取工具会读取此文件，以便更加智能地抓取你的网站。</p>
<p>1.安装sitemap插件</p>
<pre><code class="bash">$ npm install hexo-generator-sitemap --save
$ npm install hexo-generator-baidu-sitemap --save
</code></pre>
<p>2.编辑blog目录下的_config.yml文件，添加如下内容：</p>
<pre><code>Plugins:
- hexo-generator-sitemap
- hexo-generator-baidu-sitemap
sitemap:
path: sitemap.xml
baidusitemap:
path: baidusitemap.xml
</code></pre>
<p>3.生成站点地图文件</p>
<pre><code class="bash">$ hexo g
</code></pre>
<p>如果生成了sitemap.xml和baidusitemap.xml就表示成功了：</p>
<div class="image-package">
<div class="image-container" style="max-width: 677px; max-height: 394px;">
<div class="image-view">
</div>
</div>
<div class="image-caption">
image
</div>
</div>
<p>4.部署</p>
<pre><code class="bash">$ hexo d
</code></pre>
<p>5.确认博客是否被收录</p>
<p>在百度或者谷歌输入下面格式的内容，如果能搜索到就说明被收录，否则未收录，可能需要等上一段时间。</p>
<pre><code>site:xxx.com
</code></pre>
<div class="image-package">
<div class="image-container" style="max-width: 700px; max-height: 556px;">
<div class="image-view">
</div>
</div>
<div class="image-caption">
image
</div>
</div>
<h3>使用模板功能</h3>
<p>现在我们生成的每一篇新文章都只有title、date、tags三个参数，通常情况下我们还会有categories参数和一些自定义的参数（如何使用自定义参数我们后面讲），每次都要手动加上这些参数会浪费很多时间，这时候模板的作用就出来了。</p>
<p>打开scaffolds文件夹，你会看到里面有draft、page、post三个模板，对应草稿、页面、文章，我们日常使用最多的就是文章，所以这里以文章为例，其他两个模板请根据自己的需要进行修改。</p>
<p>模板的参数是可以设置默认值的，我们假设categories参数的默认值为 <code>随笔</code> ，然后自定义一个参数 <code>author</code> ，默认值为 <code>kirito</code> ，因为每篇文章的标签是不确定的，所以这里不进行设置，编辑post.md文件，内容如下：</p>
<pre><code>---
title: {{ title }}
date: {{ date }}
tags:
categories: 随笔
author: kirito
---
</code></pre>
<p>让我们用模板生成一篇新文章：</p>
<pre><code class="bash">$ hexo new test2
</code></pre>
<p>打开blog/source/_posts目录下的test2.md文件，可以看到以下内容：</p>
<pre><code>---
title: test2
categories: 随笔
author: kirito
date: 2018-06-27 22:02:33
tags:
---
</code></pre>
<p>接下来我们只需要写好文章，设置一下tags就可以发布了。</p>
<h3>使用自定义参数</h3>
<p>文章参数里的title、date、categories和tags都在页面上有所展示，那我们自定义的参数该如何使用和展示呢？</p>
<div class="image-package">
<div class="image-container" style="max-width: 700px; max-height: 596px;">
<div class="image-view">
</div>
</div>
<div class="image-caption">
image
</div>
</div>
<p>通过控制台我们可以看到，每篇文章都是一个 <code>class="article article-type-post"</code> 的 <code>article</code> 标签，结构如下：</p>
<pre><code class="html"><article id="post-test" class="article article-type-post" itemscope="" itemprop="blogPost">
<div class="article-meta">
<a href="/2018/06/23/test/" class="article-date">...</a>
<div class="article-category">...</div>
</div>
<div class="article-inner">
<header class="article-header">...</header>
<div class="article-entry" itemprop="articleBody">...</div>
<footer class="article-footer">...</footer>
</div>
</article>
</code></pre>
<p>title、date、categories和tags的值分别显示于article-header、article-date、article-category和article-footer，要使用自定义参数，我们需要修改主题的源文件，打开 <code>blog/themes/landscape/layout/_partial</code> 目录下的article.ejs文件，可以看到代码中的标签与class名都与上面一致，接下来我们让作者的名字显示在分类右边，编辑article-meta模块的代码：</p>
<pre><code class="html"><div class="article-meta">
<%- partial('post/date', {class_name: 'article-date', date_format: null}) %>
<%- partial('post/category') %>
<div style="letter-spacing:2px;color:#999;line-height:1em;">
<%- post.author %>
</div>
</div>
</code></pre>
<p>这里为了方便直接将样式写在了div标签里，更好的做法是为div添加一个class，将样式写进 <code>landscape/source/css/_partial</code><br> 目录下的article.styl文件。当然，自定义标签可以用在其他地方，样式也可以根据你的喜好来定制。</p>
<p>让我们打开浏览器来看下效果，你会发现文章的自定义标签生效了：</p>
<div class="image-package">
<div class="image-container" style="max-width: 700px; max-height: 206px;">
<div class="image-view">
</div>
</div>
<div class="image-caption">
image
</div>
</div>
<p>值得注意的是，我们刚才修改的文件是article.ejs，这是跟主题有关的，换一个主题，也许文件的路径和名字都变了，甚至格式也不再是ejs而是swig，不过修改文件的思路都是一样的，明确自己要修改哪一个模块，然后到主题的相关目录下，模仿源代码的语法进行修改，最后记住，源文件里使用Tab键会导致修改的代码无效或者报错，请使用空格。</p>
<h2>Hexo主题入门</h2>
<p>首先，你需要挑选一个自己喜欢的主题，地址：https://hexo.io/themes/</p>
<p>打开主题示例网站后，你可以在页面底部或其他地方找到主题的git仓库地址。</p>
<p>然后将代码克隆到主题文件夹（themes）下，这里以NexT主题为例：</p>
<pre><code class="bash">$ cd blog
$ git clone https://github.com/theme-next/hexo-theme-next themes/next
</code></pre>
<p>这里的blog应该替换成你的站点根目录。克隆完成后会在themes文件夹下生成一个next文件夹，里面就是主题的源代码了。</p>
<p>接下来启用next主题，编辑站点配置文件（themes\next目录下的_config.yml），修改theme字段如下：</p>
<pre><code>theme: next
</code></pre>
<p>在切换主题之后、验证之前，我们最好使用命令来清除Hexo的缓存：</p>
<pre><code class="bash">$ hexo clean
</code></pre>
<p>然后启动Hexo本地站点：</p>
<pre><code class="bash">$ hexo s
</code></pre>
<p>启动完成后打开浏览器，可以看到主题配置已生效。</p>
<p>那么教程到这里就结束了，快来试试搭建自己的博客吧，有什么问题可以在评论区留言~</p>
</article>
</div>
</div>
</div>
<!--PC和WAP自适应版-->
<div id="SOHUCS" sid="1686319995388243968"></div>
<script type="text/javascript" src="/views/front/js/chanyan.js"></script>
<!-- 文章页-底部 动态广告位 -->
<div class="youdao-fixed-ad" id="detail_ad_bottom"></div>
</div>
<div class="col-md-3">
<div class="row" id="ad">
<!-- 文章页-右侧1 动态广告位 -->
<div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_1"> </div>
</div>
<!-- 文章页-右侧2 动态广告位 -->
<div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_2"></div>
</div>
<!-- 文章页-右侧3 动态广告位 -->
<div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_3"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(Hexo+Github搭建个人博客)</h4>
<div id="paradigm-article-related">
<div class="recommend-post mb30">
<ul class="widget-links">
<li><a href="/article/1833272290649927680.htm"
title="hexo+GitHub Pages一键搭建部署博客" target="_blank">hexo+GitHub Pages一键搭建部署博客</a>
<span class="text-muted">杨yang$</span>
<a class="tag" taget="_blank" href="/search/git/1.htm">git</a><a class="tag" taget="_blank" href="/search/github/1.htm">github</a><a class="tag" taget="_blank" href="/search/hexo/1.htm">hexo</a>
<div>文章目录前言：博客相关配置matery主题相关配置1.什么是Hexo？2.准备工作：3.生成博客4.更换主题5.部署到githubpages总结前言：现在技术更新迭代是非常的快，尤其是web方面！所以当前搭建一个博客差不多有手就行，这里我们用到hexo进行博客的一键生成和部署。我自己的博客也是用hexo搭建的：杨Yang博客相关配置matery主题相关配置1.什么是Hexo？Hexo是一个快速、简</div>
</li>
<li><a href="/article/1833252618835685376.htm"
title="萱仔个人博客系列——hexo+github部署" target="_blank">萱仔个人博客系列——hexo+github部署</a>
<span class="text-muted">萱仔学习自我记录</span>
<a class="tag" taget="_blank" href="/search/%E8%90%B1%E4%BB%94%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2/1.htm">萱仔个人博客</a><a class="tag" taget="_blank" href="/search/github/1.htm">github</a>
<div>由于本人前段时间和同专业得到好offer的同学之间的交流，发现博客其实对于找工作来说可以作为个人项目个人经历的展示，我创办cdsn博客的原因主要是为了自己学习使用，但是逐渐到现在也有了一些可爱的粉丝，非常感谢大家对我的点赞收藏和关注，我将继续精进自己的学习，学习理论和技术，刷力扣题，争取获得更好的offer。csdn博客本身就是非常好的一个平台，但是我还是决定自己创建一个自己的博客，两边同时更新，</div>
</li>
<li><a href="/article/1827910050895720448.htm"
title="如何让搜索引擎搜索到自己的个人博客网站（如何提交网站到各搜索引擎，如百度、必应Bing，以及提交页面URL的地址）" target="_blank">如何让搜索引擎搜索到自己的个人博客网站（如何提交网站到各搜索引擎，如百度、必应Bing，以及提交页面URL的地址）</a>
<span class="text-muted">zhonguncle</span>
<a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E6%90%9C%E7%B4%A2%E5%BC%95%E6%93%8E/1.htm">搜索引擎</a>
<div>之前我写了很多关于GitHubPages和Jekyll如何搭建个人博客的博客，但是我忘了这样别人是看不到的。一个网页能被别人看到的方式有几种：点开分享的URL；点开搜索结果中的链接；…第一种方法相当古早了，虽然现在还在用，但是在扩大读者/用户数量这方面效率太低了。效率最高的方法就是第二个，让搜索引擎的结果有自己的网站，这样就会有更多的人看到自己的网站。那么如何让搜索引擎的结果有自己的网站呢？首先需</div>
</li>
<li><a href="/article/1827287662998941696.htm"
title="使用hexo搭建个人博客" target="_blank">使用hexo搭建个人博客</a>
<span class="text-muted">程序员麻辣烫</span>
<a class="tag" taget="_blank" href="/search/%E5%B7%A5%E5%85%B7/1.htm">工具</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a>
<div>很早之前使用hexo和github建了个人博客。搭建的流程一直没有梳理，中间换过几次机器，每次都得重新配置一遍，需要重新学些。最近电脑坏了，原始的数据没有导出来，先把以前文章写个文件占个位置，后面慢慢补吧，如果大家要看内容的话可以去https://juejin.cn/user/870468942580749。详细的配置大家可以参考使用hexo+github搭建免费个人博客详细教程安装先安装软件br</div>
</li>
<li><a href="/article/1764330466812452864.htm"
title="Astro + NextUI 搭建个人博客（导航组件篇）" target="_blank">Astro + NextUI 搭建个人博客（导航组件篇）</a>
<span class="text-muted"></span>
<div>Astro简介由于我之前的个人博客是Vue3+Quasar+Koa+MySql搭建的，整体就是SPA的思路，作为练手倒是可以锻炼前后端各方面的能力。但考虑到后期的迁移和更新等，实在过于麻烦，个人博客其实使用SSR或SSG之类的框架就行了，比如Nextjs，Nuxtjs，Remix等等。于是我接触到了Astro这个框架，它厉害的是不与任何前端框架进行强行绑定，比如Nextjs是与React强绑定的，</div>
</li>
<li><a href="/article/1759813101672296448.htm"
title="总结从零搭建个人博客" target="_blank">总结从零搭建个人博客</a>
<span class="text-muted">alpha_xu_vvvvv</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a><a class="tag" taget="_blank" href="/search/webpack/1.htm">webpack</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>总结从零搭建个人博客服务器腾讯、阿里随便买一个（需要3个月以上）域名买一个域名，买完之后需要审核、实名认证、报备，全部跑完整个流程大概需要一个多星期。域名备案完需要把备案号以连接的方式写到你的bolg底部宝塔宝塔是一个图形化的网站管理的软件，很好用。不需要你懂太对Linux的命令就可以挂载网站、服务器。怎么一步步搭网站就不说了，百度一搜一堆。上传个人博客代码（前台、后台、后端）这里就陈述一下我的一</div>
</li>
<li><a href="/article/1759667451651518464.htm"
title="OpenSSH Username for ‘https://github‘报错弹窗与hexo d部署博客到github时报错:Error: Spawn failed解决办法" target="_blank">OpenSSH Username for ‘https://github‘报错弹窗与hexo d部署博客到github时报错:Error: Spawn failed解决办法</a>
<span class="text-muted">dzq198</span>
<a class="tag" taget="_blank" href="/search/github/1.htm">github</a><a class="tag" taget="_blank" href="/search/Hexo/1.htm">Hexo</a><a class="tag" taget="_blank" href="/search/%E9%83%A8%E7%BD%B2%E5%8D%9A%E5%AE%A2/1.htm">部署博客</a><a class="tag" taget="_blank" href="/search/OpenSSH/1.htm">OpenSSH</a>
<div>一、问题描述1.基于Hexo+Github搭建个人博客，当到了最后关键时刻用hexod部署博客到github的仓库时反复弹出对话框OpenSSHUsernamefor'https://github'Passwordfor'https://你的github邮箱@github.com'二、排查步骤1.在自己建立的博客目录内按住键盘Shift键,点击鼠标右键打开GitBashHere，输入ssh-Tgi</div>
</li>
<li><a href="/article/1759495364680953856.htm"
title="超详细Hexo+Github博客搭建教程" target="_blank">超详细Hexo+Github博客搭建教程</a>
<span class="text-muted">奈何缘浅wyj</span>
<div>利用Hexo+GitHubPage搭建技术blog，实现了属于自己独有的博客，自己定义了一个域名：https://gain-wyj.cn/。里面包含了众多的干货，欢迎大家前来观看。我的博客源代码地址大家可以直接素质二连，star&fork我的博客源代码：https://github.com/gain-wyj/wyj-matery-modified/tree/master，然后改改配置就可以写文章啦</div>
</li>
<li><a href="/article/1757739505936252928.htm"
title="Django搭建个人博客：结束和开始" target="_blank">Django搭建个人博客：结束和开始</a>
<span class="text-muted">杜赛_dusai</span>
<div>教程看到这里，你已经学会如下内容：搭建开发环境博文管理用户管理发表评论若干小功能搭建简单的小博客，以上的功能够用了。相信你的志向不止于此。毕竟程序员面试个个造火箭啊。接下来学什么虽说Django已经入门了，但别激动，还有漫漫长路需要走哒。重要的学习点列举如下。响应式布局响应式布局，简单来说就是页面布局随着终端设备的变化而自动适应。教程为了起步平缓，没有展开这方面的内容。也就是说教程中的博客在手机上</div>
</li>
<li><a href="/article/1757165726487035904.htm"
title="使用Hexo+GitHub搭建博客踩过的一些坑" target="_blank">使用Hexo+GitHub搭建博客踩过的一些坑</a>
<span class="text-muted">君临天下夜未央</span>
<div>最终部署好的博客1、安装hexo输入npminstallhexo-clig出现找不到了如下错误12.png只需要删除用户目录下的.npmrc文件即可2、安装hexo后，初始化博客，出现bash:hexo:commandnotfound找到hexo的安装目录，我的是：C:\nodejs\node-global\node_modules\hexo-cli\bin，将此目录新增到系统环境变量path中(</div>
</li>
<li><a href="/article/1756991615173410816.htm"
title="VPS搭建WordPress教程" target="_blank">VPS搭建WordPress教程</a>
<span class="text-muted"></span>
<div>搭建WordPress网站有多种方法，但使用VPS搭建可以提供更好的性能。不过，VPS上搭建WordPress可能会面对更多技术性问题。本文将带你从零开始，在VPS上一步一步敲代码来搭建WordPress。在开始之前，如果你想要更简单的方法，我建议你查看下面这篇教程，其中介绍了如何使用傻瓜式方法搭建WordPress网站。傻瓜式教程：WordPress搭建个人博客这篇文章将手把手地指导你如何快速完</div>
</li>
<li><a href="/article/1756991488106971136.htm"
title="Astro + NextUI 搭建个人博客（导航组件篇）" target="_blank">Astro + NextUI 搭建个人博客（导航组件篇）</a>
<span class="text-muted"></span>
<div>Astro简介由于我之前的个人博客是Vue3+Quasar+Koa+MySql搭建的，整体就是SPA的思路，作为练手倒是可以锻炼前后端各方面的能力。但考虑到后期的迁移和更新等，实在过于麻烦，个人博客其实使用SSR或SSG之类的框架就行了，比如Nextjs，Nuxtjs，Remix等等。于是我接触到了Astro这个框架，它厉害的是不与任何前端框架进行强行绑定，比如Nextjs是与React强绑定的，</div>
</li>
<li><a href="/article/1755399904512983040.htm"
title="个性化设置Hexo博客的NexT主题" target="_blank">个性化设置Hexo博客的NexT主题</a>
<span class="text-muted">林间得鹿</span>
<a class="tag" taget="_blank" href="/search/Hexo%E5%8D%9A%E5%AE%A2%E6%90%AD%E5%BB%BA%E4%B8%8E%E4%BD%BF%E7%94%A8/1.htm">Hexo博客搭建与使用</a><a class="tag" taget="_blank" href="/search/%E7%BB%8F%E9%AA%8C%E5%88%86%E4%BA%AB/1.htm">经验分享</a><a class="tag" taget="_blank" href="/search/github/1.htm">github</a>
<div>给基于Hexo+GitHub搭建的博客下载并安装NexT主题后，发现自己博客呈现的效果跟主题的预览网站好像哪里不太一样。看了一下文档，发现还是要自己修改主题的配置文件，根据自己喜好来手动设置才成。于是得鹿自己动手丰衣足食，根据NexT的设置文档，给博客进行了个性化设置。先看个设置前后的对比：个性化设置前个性化设置后整体风格打开博客目录下的themes/next/_config.yml文件，所有的设</div>
</li>
<li><a href="/article/1755399903489572864.htm"
title="Hexo + GitHub搭建个人博客（Mac版）" target="_blank">Hexo + GitHub搭建个人博客（Mac版）</a>
<span class="text-muted">林间得鹿</span>
<a class="tag" taget="_blank" href="/search/Hexo%E5%8D%9A%E5%AE%A2%E6%90%AD%E5%BB%BA%E4%B8%8E%E4%BD%BF%E7%94%A8/1.htm">Hexo博客搭建与使用</a><a class="tag" taget="_blank" href="/search/github/1.htm">github</a><a class="tag" taget="_blank" href="/search/git/1.htm">git</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E6%BA%90/1.htm">开源</a><a class="tag" taget="_blank" href="/search/%E7%BB%8F%E9%AA%8C%E5%88%86%E4%BA%AB/1.htm">经验分享</a>
<div>最好的学习方式是思考和分享，写代码的过程中总是希望有个自己的博客记录和分享学习过程。查到GitHub+Hexo是目前主流的博客搭建方式、参考多个建站资料帖子后，基于Mac系统进行了博客搭建，同时将搭建过程进行了完整记录，并添加了建站过程中遇到的问题及解决方法。【背景篇】1.什么是HexoHexo是一个快速、简洁且高效的轻量级博客框架。它基于Node.js运行，使用Markdown解析文章，渲染生成</div>
</li>
<li><a href="/article/1754799586486009856.htm"
title="docker 容器搭建个人博客网站" target="_blank">docker 容器搭建个人博客网站</a>
<span class="text-muted">业祥运维室</span>
<a class="tag" taget="_blank" href="/search/docker/1.htm">docker</a><a class="tag" taget="_blank" href="/search/%E5%AE%B9%E5%99%A8/1.htm">容器</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a>
<div>很多人想创建自己的博客网站，WordPress是一款能让您建立出色网站、博客或应用程序的开源软件。但由于安装比较麻烦，很多人望而兴叹。docker镜像运行简便，可以下次复用。本文介绍通过dockerfile模板来创建wordpress镜像，继而打造个人博客网站。云服务器准备创建云服务器并进行环境准备，sudoyuminstall-yyum-utilsdevice-mapper-persistent</div>
</li>
<li><a href="/article/1754667897415811072.htm"
title="基于hexo使用github.io免费域名搭建个人博客记录" target="_blank">基于hexo使用github.io免费域名搭建个人博客记录</a>
<span class="text-muted">2realworld</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%85%A8%E6%A0%88/1.htm">前端全栈</a><a class="tag" taget="_blank" href="/search/github/1.htm">github</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a><a class="tag" taget="_blank" href="/search/npm/1.htm">npm</a>
<div>基于hexo使用github.io免费域名搭建个人博客记录说明，学习的时候，看的是这篇链接https://blog.csdn.net/sinat_37781304/article/details/82729029可以说是非常全面了，但是这篇博客是2018年写的，有点过期，从2020.10.1开始github默认分支从master改为了main。个人系统环境：win10x641、安装git直接去官网</div>
</li>
<li><a href="/article/1754651931034271744.htm"
title="小皮面板（phpstudy_pro) 引入 typecho 模板搭建个人博客" target="_blank">小皮面板（phpstudy_pro) 引入 typecho 模板搭建个人博客</a>
<span class="text-muted">weixin_51473126</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>下载小皮，直接去官网下载就可以配置数据库：数据库一直启动失败，显示Mysql未启动？先找到本地已安装的MySQL和phpstudy下MySQL的目录(\phpstudy_pro\Extensions**)把本地mysql目录下的所有文件覆盖到phpstudy的mysql目录下的所有文件.接着以管理员身份运行cmd,```powershell#第一步：netstopMysql#第二步：scdelet</div>
</li>
<li><a href="/article/1754396955611512832.htm"
title="用python搭建个人博客过程_手把手搭建个人博客（图文教程）" target="_blank">用python搭建个人博客过程_手把手搭建个人博客（图文教程）</a>
<span class="text-muted">weixin_39756481</span>
<a class="tag" taget="_blank" href="/search/%E7%94%A8python%E6%90%AD%E5%BB%BA%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2%E8%BF%87%E7%A8%8B/1.htm">用python搭建个人博客过程</a>
<div>搭建个人博客浏览体验更棒请移步原文：手把手搭建个人博客首先我们谈一谈搭建个人博客必要性，个人认为在学习过程中，被动接受知识对你的提高是轻微的。比如你看网课学习，在听老师讲解的时候感觉简单易懂，代码逻辑明了清晰，当自己敲代码的时候，却无从下手，这也属于眼高手低的范畴。当自己主动学习，主动思考其效率和对个人的提升无疑是高于被动接受的。然而使你提高最大的是主动说出自己认知，把自己的知识和理解传达给他人，</div>
</li>
<li><a href="/article/1754124374899703808.htm"
title="python搭建网站并在服务器上部署_Django搭建个人博客：将项目部署到服务器" target="_blank">python搭建网站并在服务器上部署_Django搭建个人博客：将项目部署到服务器</a>
<span class="text-muted">weixin_39809540</span>
<div>我们的博客虽然还有很多不完善的地方，但是没关系，越早把它部署到互联网上，才能越早发现线上特有的问题。现在也提倡渐进式开发，让产品在迭代中快速成长。部署考验的不是你的Django编程水平，而是你对Linux的操作能力，以及对网络通信的理解。多说无益，直接开干！配置服务器要架设网站，首先你要有一台连接到互联网的服务器。国内比较出名的云服务器属阿里云、腾讯云、百度云，三家各有优劣，大家自行了解比较，并选</div>
</li>
<li><a href="/article/1754024538573651968.htm"
title="Vue3+TypeScript+Django Rest Framework 搭建个人博客（三）：博客管理后台" target="_blank">Vue3+TypeScript+Django Rest Framework 搭建个人博客（三）：博客管理后台</a>
<span class="text-muted">zgj0607</span>
<a class="tag" taget="_blank" href="/search/Python/1.htm">Python</a><a class="tag" taget="_blank" href="/search/%E5%8D%9A%E5%AE%A2/1.htm">博客</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/django/1.htm">django</a><a class="tag" taget="_blank" href="/search/typescript/1.htm">typescript</a><a class="tag" taget="_blank" href="/search/php/1.htm">php</a>
<div>一个完整的网站都是有前台和管理后台组成的，前台用来给真正的用户浏览和使用，后台用来给管理员管理网站内容，配置各种功能和数据等。博客的管理后台就是用来承载创建博客，发布博客，查看留言，管理博客用户这些功能的子系统。大家好，我是落霞孤鹜，上一篇我们已经实现了用户注册，登录，登出的功能，这一章我们开始搭建博客的管理后台，实现对博客网站的管理功能。我会同样按照一个完整的功能，从需求分析到代码编写来阐述如何</div>
</li>
<li><a href="/article/1753417880357060608.htm"
title="Hexo+Github(0x05)-next主题配置" target="_blank">Hexo+Github(0x05)-next主题配置</a>
<span class="text-muted">ChuckieWIll</span>
<div>next主题Github地址next官方教程next预览效果以下配置基于next7.81安装正常流程（本地blog没有交由git托管时）终端切换到博客根目录下gitclonehttps://github.com/next-theme/hexo-theme-nextthemes/nextblog/_config.yml下配置theme:next本地blog交由git托管时因为本地blog已经交由gi</div>
</li>
<li><a href="/article/1753388900530798592.htm"
title="wordpress怎么做产品展示站？推荐使用MOK主题和ent主题" target="_blank">wordpress怎么做产品展示站？推荐使用MOK主题和ent主题</a>
<span class="text-muted">boke112百科</span>
<a class="tag" taget="_blank" href="/search/WordPress/1.htm">WordPress</a><a class="tag" taget="_blank" href="/search/WordPress%E4%B8%BB%E9%A2%98/1.htm">WordPress主题</a><a class="tag" taget="_blank" href="/search/WordPress/1.htm">WordPress</a>
<div>大多数WordPress站点都是个人博客网站，主要以文章性质的图文为主。不过部分站长想要用WordPress搭建一个产品展示站，应该怎么做呢？其实，WordPress可以用来建立各种各样的博客网站，包括个人博客、企业网站、商城、影视站、资源下载站、知识付费、图片站等等。它们的共同点就是WordPress这个内核，不一样的无非就是使用的主题不同而已。比如你想要用WordPress搭建个人博客，那么可</div>
</li>
<li><a href="/article/1752976354556526592.htm"
title="现有腾讯云服务器和域名，搭建网站的图文详解" target="_blank">现有腾讯云服务器和域名，搭建网站的图文详解</a>
<span class="text-muted">weixin_43754489</span>
<a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a><a class="tag" taget="_blank" href="/search/%E4%BA%91%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">云服务器</a><a class="tag" taget="_blank" href="/search/%E8%85%BE%E8%AE%AF%E4%BA%91/1.htm">腾讯云</a>
<div>轻量应用服务器也是云服务器的一种。轻量应用服务器的主要应用场景如下：快速搭建开发环境快速搭建个人博客快速搭建论坛社区快速搭建小型电商网站快速搭建知识效率管理工具快速搭建个人学习环境或测试环境腾讯云官网非常推荐以下场景建议使用轻量应用服务器建网站，官网文档如下：云服务器如何搭建网站-最佳实践-文档中心-腾讯云很多小白，对于轻量应用服务器不是特别了解，下面简单叙述下：轻量应用服务器也是云服务器一种，其</div>
</li>
<li><a href="/article/1752617711931768832.htm"
title="手把手教你如何快速搭建个人博客" target="_blank">手把手教你如何快速搭建个人博客</a>
<span class="text-muted">java知多少</span>
<a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/ubuntu/1.htm">ubuntu</a><a class="tag" taget="_blank" href="/search/github/1.htm">github</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a>
<div>之前有录制和编写过WordPress搭建个人博客的内容，但是都比较麻烦，需要在控制台黑框复制运行相关的命令，很多没接触过过的用户还是有一定的困难，那么今天就把最最最简单的方法分享给大家，全程都是可视化的操作，不需要在复制相关的命令了，赶快跟我一起试试吧！前言：云服务器：阿里云操作系统：CentOS8.3PHP版本：PHP-7.4一：准备工作--域名域名根据自己情况选择一个有意义的，一般后缀选择cn</div>
</li>
<li><a href="/article/1752617326290681856.htm"
title="如何快速搭建个人博客" target="_blank">如何快速搭建个人博客</a>
<span class="text-muted">何中应</span>
<a class="tag" taget="_blank" href="/search/docker/1.htm">docker</a><a class="tag" taget="_blank" href="/search/%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2/1.htm">个人博客</a><a class="tag" taget="_blank" href="/search/%E9%98%BF%E9%87%8C%E4%BA%91/1.htm">阿里云</a>
<div>说明：本文介绍如何使用Halo框架快速搭建个人博客，我用的是阿里云的云服务器，操作系统是CentOS7.0。安装Docker&DockerCompose（1）Docker安装Docker的安装参考，Docker安装&卸载；（2）Docker-Compose安装DockerCompose安装，参考官网地址：DockerCompose，GitHub地址：DockerCompose。可以采用手动安装的方</div>
</li>
<li><a href="/article/1752211251376701440.htm"
title="搭建个人博客Hexo完整路线+踩坑历程" target="_blank">搭建个人博客Hexo完整路线+踩坑历程</a>
<span class="text-muted">Mercury Random</span>
<a class="tag" taget="_blank" href="/search/git/1.htm">git</a><a class="tag" taget="_blank" href="/search/github/1.htm">github</a>
<div>搭建个人博客Hexo完整路线+踩坑历程README如何搭建自己的Blog搭建和部署关于我的BlogHexo(Theme:Butterfly)+Deploy(GithubPage)前置基础个人认为最重要的1.会看文档，会看文档，会看文档2.感兴趣，身体各个内脏情况良好3.熟练运用搜索引擎参考文章关于主题参考官方文档即可Hexo官方文档重置系统后有感因为某些驱动问题重置了系统，再一次安装Hexo出现了</div>
</li>
<li><a href="/article/1752033237816852480.htm"
title="阿里云linux+docker+WordPress搭建个人博客（docker微服务学习）" target="_blank">阿里云linux+docker+WordPress搭建个人博客（docker微服务学习）</a>
<span class="text-muted">不想秃头的程序猿</span>
<div>前言最近在学习docker，然后看到了阮一峰老师的博客，其中就有docker微服务的教程，刚好手上有个阿里云的服务器，就想着试试看在阿里云上搭建一个个人博客练练手，话不多说，接下来就开始我们的操作。在开始之前，我们需要粗略的了解一下Docker和WordPress一、Docker是什么？在开始操作之前，我们先来了解一下Docker是什么，我们先看看百度上对Docker的描述吧Docker是一个开源</div>
</li>
<li><a href="/article/1752026153381543936.htm"
title="WordPress快速搭建个人博客" target="_blank">WordPress快速搭建个人博客</a>
<span class="text-muted">赵皮皮月</span>
<div>搭建Nginx+MySQL+PHP环境1.安装Nginxaptupdateaptinstallnginx-y安装好后,访问http://xxxxxxx即可看到Nginx欢迎页面，如下：2.安装MySQL执行以下命令安装MySQLaptinstallmysql-server-y安装过程中要输入密码并确认输入密码，作为MySQL的root用户密码3.安装PHP执行以下命令：aptinstallphp-</div>
</li>
<li><a href="/article/1751983156120010752.htm"
title="js获取今天剩余时间_前端教程丨手把手教你用 Next.js 搭建个人博客，从入门到吃鸡" target="_blank">js获取今天剩余时间_前端教程丨手把手教你用 Next.js 搭建个人博客，从入门到吃鸡</a>
<span class="text-muted">weixin_39610774</span>
<a class="tag" taget="_blank" href="/search/js%E8%8E%B7%E5%8F%96%E4%BB%8A%E5%A4%A9%E5%89%A9%E4%BD%99%E6%97%B6%E9%97%B4/1.htm">js获取今天剩余时间</a><a class="tag" taget="_blank" href="/search/%E7%94%A8/1.htm">用</a><a class="tag" taget="_blank" href="/search/js%E5%88%A4%E6%96%AD/1.htm">js判断</a><a class="tag" taget="_blank" href="/search/%E4%B8%80%E4%B8%AA%E6%95%B0%E6%98%AF%E5%90%A6%E6%98%AF%E7%B4%A0%E6%95%B0%28%E8%B4%A8%E6%95%B0%29/1.htm">一个数是否是素数(质数)</a>
<div>React.js是现今前端最火的应用框架之一，而Next.js正是React.js领域最优秀的服务端渲染框架之一。基本上，现在所有的前端主流形式，从服务端渲染APP，静态站到桌面应用等，Next.js都能胜任。不论是国内还是国外，都有不少开发者和企业在使用Next.js开发网站，比如：腾讯新闻移动端门口站腾讯网大名顶顶的Hulu视频站世界最受欢迎的ReactUI组件库Material-UI魅族官网</div>
</li>
<li><a href="/article/1751982897977376768.htm"
title="前端教程丨手把手教你用 Next.js 搭建个人博客，从入门到吃鸡" target="_blank">前端教程丨手把手教你用 Next.js 搭建个人博客，从入门到吃鸡</a>
<span class="text-muted">蓝桥云课</span>
<a class="tag" taget="_blank" href="/search/web/1.htm">web</a><a class="tag" taget="_blank" href="/search/reactjs/1.htm">reactjs</a>
<div>React.js是现今前端最火的应用框架之一，而**Next.js正是React.js领域最优秀的服务端渲染框架之一。**基本上，现在所有的前端主流形式，从服务端渲染APP，静态站到桌面应用等，Next.js都能胜任。不论是国内还是国外，都有不少开发者和企业在使用Next.js开发网站，比如：腾讯新闻移动端门口站腾讯网大名顶顶的Hulu视频站世界最受欢迎的ReactUI组件库Material-UI</div>
</li>
<li><a href="/article/104.htm"
title="springmvc 下 freemarker页面枚举的遍历输出" target="_blank">springmvc 下 freemarker页面枚举的遍历输出</a>
<span class="text-muted">杨白白</span>
<a class="tag" taget="_blank" href="/search/enum/1.htm">enum</a><a class="tag" taget="_blank" href="/search/freemarker/1.htm">freemarker</a>
<div>spring mvc freemarker 中遍历枚举
1枚举类型有一个本地方法叫values（），这个方法可以直接返回枚举数组。所以可以利用这个遍历。
enum
public enum BooleanEnum {
TRUE(Boolean.TRUE, "是"), FALSE(Boolean.FALSE, "否");
</div>
</li>
<li><a href="/article/231.htm"
title="实习简要总结" target="_blank">实习简要总结</a>
<span class="text-muted">byalias</span>
<a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a>
<div>来白虹不知不觉中已经一个多月了，因为项目还在需求分析及项目架构阶段，自己在这段
时间都是在学习相关技术知识，现在对这段时间的工作及学习情况做一个总结：
（1）工作技能方面
大体分为两个阶段，Java Web 基础阶段和Java EE阶段
1）Java Web阶段
在这个阶段，自己主要着重学习了 JSP, Servlet, JDBC, MySQL，这些知识的核心点都过
了一遍，也</div>
</li>
<li><a href="/article/358.htm"
title="Quartz——DateIntervalTrigger触发器" target="_blank">Quartz——DateIntervalTrigger触发器</a>
<span class="text-muted">eksliang</span>
<a class="tag" taget="_blank" href="/search/quartz/1.htm">quartz</a>
<div>转载请出自出处：http://eksliang.iteye.com/blog/2208559 一.概述
simpleTrigger 内部实现机制是通过计算间隔时间来计算下次的执行时间，这就导致他有不适合调度的定时任务。例如我们想每天的 1：00AM 执行任务，如果使用 SimpleTrigger，间隔时间就是一天。注意这里就会有一个问题，即当有 misfired 的任务并且恢复执行时，该执行时间</div>
</li>
<li><a href="/article/485.htm"
title="Unix快捷键" target="_blank">Unix快捷键</a>
<span class="text-muted">18289753290</span>
<a class="tag" taget="_blank" href="/search/unix/1.htm">unix</a><a class="tag" taget="_blank" href="/search/Unix%EF%BC%9B%E5%BF%AB%E6%8D%B7%E9%94%AE%3B/1.htm">Unix；快捷键;</a>
<div>复制，删除，粘贴：
dd:删除光标所在的行 &nbs</div>
</li>
<li><a href="/article/612.htm"
title="获取Android设备屏幕的相关参数" target="_blank">获取Android设备屏幕的相关参数</a>
<span class="text-muted">酷的飞上天空</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a>
<div>包含屏幕的分辨率 以及 屏幕宽度的最大dp 高度最大dp
TextView text = (TextView)findViewById(R.id.text);
DisplayMetrics dm = new DisplayMetrics();
text.append("getResources().ge</div>
</li>
<li><a href="/article/739.htm"
title="要做物联网？先保护好你的数据" target="_blank">要做物联网？先保护好你的数据</a>
<span class="text-muted">蓝儿唯美</span>
<a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE/1.htm">数据</a>
<div>根据Beecham Research的说法，那些在行业中希望利用物联网的关键领域需要提供更好的安全性。
在Beecham的物联网安全威胁图谱上，展示了那些可能产生内外部攻击并且需要通过快速发展的物联网行业加以解决的关键领域。
Beecham Research的技术主管Jon Howes说：“之所以我们目前还没有看到与物联网相关的严重安全事件，是因为目前还没有在大型客户和企业应用中进行部署，也就</div>
</li>
<li><a href="/article/866.htm"
title="Java取模（求余）运算" target="_blank">Java取模（求余）运算</a>
<span class="text-muted">随便小屋</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div> 整数之间的取模求余运算很好求，但几乎没有遇到过对负数进行取模求余，直接看下面代码：
/**
*
* @author Logic
*
*/
public class Test {
public static void main(String[] args) {
// TODO A</div>
</li>
<li><a href="/article/993.htm"
title="SQL注入介绍" target="_blank">SQL注入介绍</a>
<span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/sql%E6%B3%A8%E5%85%A5/1.htm">sql注入</a>
<div>二、SQL注入范例
这里我们根据用户登录页面
<form action="" > 用户名：<input type="text" name="username"><br/> 密 码：<input type="password" name="passwor</div>
</li>
<li><a href="/article/1120.htm"
title="优雅代码风格" target="_blank">优雅代码风格</a>
<span class="text-muted">aoyouzi</span>
<a class="tag" taget="_blank" href="/search/%E4%BB%A3%E7%A0%81/1.htm">代码</a>
<div>总结了几点关于优雅代码风格的描述：
代码简单：不隐藏设计者的意图，抽象干净利落，控制语句直截了当。
接口清晰：类型接口表现力直白，字面表达含义，API 相互呼应以增强可测试性。
依赖项少：依赖关系越少越好，依赖少证明内聚程度高，低耦合利于自动测试，便于重构。
没有重复：重复代码意味着某些概念或想法没有在代码中良好的体现，及时重构消除重复。
战术分层：代码分层清晰，隔离明确，</div>
</li>
<li><a href="/article/1247.htm"
title="布尔数组" target="_blank">布尔数组</a>
<span class="text-muted">百合不是茶</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%B8%83%E5%B0%94%E6%95%B0%E7%BB%84/1.htm">布尔数组</a>
<div>
androi中提到了布尔数组;
布尔数组默认的是false, 并且只会打印false或者是true
布尔数组的例子; 根据字符数组创建布尔数组
char[] c = {'p','u','b','l','i','c'};
//根据字符数组的长度创建布尔数组的个数
boolean[] b = new bool</div>
</li>
<li><a href="/article/1374.htm"
title="web.xml之welcome-file-list、error-page" target="_blank">web.xml之welcome-file-list、error-page</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/web.xml/1.htm">web.xml</a><a class="tag" taget="_blank" href="/search/servlet/1.htm">servlet</a><a class="tag" taget="_blank" href="/search/error-page/1.htm">error-page</a>
<div>welcome-file-list
1.定义：
<welcome-file-list>
<welcome-file>login.jsp</welcome>
</welcome-file-list>
2.作用：用来指定WEB应用首页名称。
error-page1.定义：
<error-page&g</div>
</li>
<li><a href="/article/1501.htm"
title="richfaces 4 fileUpload组件删除上传的文件" target="_blank">richfaces 4 fileUpload组件删除上传的文件</a>
<span class="text-muted">sunjing</span>
<a class="tag" taget="_blank" href="/search/clear/1.htm">clear</a><a class="tag" taget="_blank" href="/search/Richfaces+4/1.htm">Richfaces 4</a><a class="tag" taget="_blank" href="/search/fileupload/1.htm">fileupload</a>
<div> 页面代码
<h:form id="fileForm"> <rich:</div>
</li>
<li><a href="/article/1628.htm"
title="技术文章备忘" target="_blank">技术文章备忘</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/%E6%8A%80%E6%9C%AF%E6%96%87%E7%AB%A0/1.htm">技术文章</a>
<div>Zookeeper
http://wenku.baidu.com/view/bab171ffaef8941ea76e05b8.html
http://wenku.baidu.com/link?url=8thAIwFTnPh2KL2b0p1V7XSgmF9ZEFgw4V_MkIpA9j8BX2rDQMPgK5l3wcs9oBTxeekOnm5P3BK8c6K2DWynq9nfUCkRlTt9uV</div>
</li>
<li><a href="/article/1755.htm"
title="org.hibernate.hql.ast.QuerySyntaxException: unexpected token: on near line 1解决方案" target="_blank">org.hibernate.hql.ast.QuerySyntaxException: unexpected token: on near line 1解决方案</a>
<span class="text-muted">白糖_</span>
<a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a>
<div>文章摘自：http://blog.csdn.net/yangwawa19870921/article/details/7553181
在编写HQL时，可能会出现这种代码：
select a.name,b.age from TableA a left join TableB b on a.id=b.id
如果这是HQL，那么这段代码就是错误的，因为HQL不支持</div>
</li>
<li><a href="/article/1882.htm"
title="sqlserver按照字段内容进行排序" target="_blank">sqlserver按照字段内容进行排序</a>
<span class="text-muted">bozch</span>
<a class="tag" taget="_blank" href="/search/%E6%8C%89%E7%85%A7%E5%86%85%E5%AE%B9%E6%8E%92%E5%BA%8F/1.htm">按照内容排序</a>
<div>在做项目的时候，遇到了这样的一个需求：
从数据库中取出的数据集，首先要将某个数据或者多个数据按照地段内容放到前面显示，例如:从学生表中取出姓李的放到数据集的前面；
select * fro</div>
</li>
<li><a href="/article/2009.htm"
title="编程珠玑-第一章-位图排序" target="_blank">编程珠玑-第一章-位图排序</a>
<span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E7%8F%A0%E7%8E%91/1.htm">编程珠玑</a>
<div>
import java.io.BufferedWriter;
import java.io.File;
import java.io.FileWriter;
import java.io.IOException;
import java.io.Writer;
import java.util.Random;
public class BitMapSearch {
</div>
</li>
<li><a href="/article/2136.htm"
title="Java关于==和equals" target="_blank">Java关于==和equals</a>
<span class="text-muted">chenbowen00</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>关于==和equals概念其实很简单，一个是比较内存地址是否相同，一个比较的是值内容是否相同。虽然理解上不难，但是有时存在一些理解误区，如下情况：
1、
String a = "aaa";
a=="aaa";
==> true
2、
new String("aaa")==new String("aaa</div>
</li>
<li><a href="/article/2263.htm"
title="[IT与资本]软件行业需对外界投资热情保持警惕" target="_blank">[IT与资本]软件行业需对外界投资热情保持警惕</a>
<span class="text-muted">comsci</span>
<a class="tag" taget="_blank" href="/search/it/1.htm">it</a>
<div>
我还是那个看法,软件行业需要增强内生动力,尽量依靠自有资金和营业收入来进行经营,避免在资本市场上经受各种不同类型的风险,为企业自主研发核心技术和产品提供稳定,温和的外部环境...
如果我们在自己尚未掌握核心技术之前,企图依靠上市来筹集资金,然后使劲往某个领域砸钱,然</div>
</li>
<li><a href="/article/2390.htm"
title="oracle 数据块结构" target="_blank">oracle 数据块结构</a>
<span class="text-muted">daizj</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E5%9D%97/1.htm">块</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%9D%97/1.htm">数据块</a><a class="tag" taget="_blank" href="/search/%E5%9D%97%E7%BB%93%E6%9E%84/1.htm">块结构</a><a class="tag" taget="_blank" href="/search/%E8%A1%8C%E7%9B%AE%E5%BD%95/1.htm">行目录</a>
<div>oracle 数据块是数据库存储的最小单位，一般为操作系统块的N倍。其结构为：
块头－－〉空行－－〉数据，其实际为纵行结构。
块的标准大小由初始化参数DB_BLOCK_SIZE指定。具有标准大小的块称为标准块（Standard Block）。块的大小和标准块的大小不同的块叫非标准块（Nonstandard Block）。同一数据库中，Oracle9i及以上版本支持同一数据库中同时使用标</div>
</li>
<li><a href="/article/2517.htm"
title="github上一些觉得对自己工作有用的项目收集" target="_blank">github上一些觉得对自己工作有用的项目收集</a>
<span class="text-muted">dengkane</span>
<a class="tag" taget="_blank" href="/search/github/1.htm">github</a>
<div>github上一些觉得对自己工作有用的项目收集
技能类
markdown语法中文说明
回到顶部
全文检索
elasticsearch
bigdesk elasticsearch管理插件
回到顶部
nosql
mapdb 支持亿级别map, list, 支持事务. 可考虑做为缓存使用
C</div>
</li>
<li><a href="/article/2644.htm"
title="初二上学期难记单词二" target="_blank">初二上学期难记单词二</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/english/1.htm">english</a><a class="tag" taget="_blank" href="/search/word/1.htm">word</a>
<div>dangerous 危险的
panda 熊猫
lion 狮子
elephant 象
monkey 猴子
tiger 老虎
deer 鹿
snake 蛇
rabbit 兔子
duck 鸭
horse 马
forest 森林
fall 跌倒；落下
climb 爬；攀登
finish 完成；结束
cinema 电影院；电影
seafood 海鲜；海产食品
bank 银行</div>
</li>
<li><a href="/article/2771.htm"
title="8、mysql外键(FOREIGN KEY)的简单使用" target="_blank">8、mysql外键(FOREIGN KEY)的简单使用</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a>
<div>一、基本概念
1、MySQL中“键”和“索引”的定义相同，所以外键和主键一样也是索引的一种。不同的是MySQL会自动为所有表的主键进行索引，但是外键字段必须由用户进行明确的索引。用于外键关系的字段必须在所有的参照表中进行明确地索引，InnoDB不能自动地创建索引。
2、外键可以是一对一的，一个表的记录只能与另一个表的一条记录连接，或者是一对多的，一个表的记录与另一个表的多条记录连接。
3、如</div>
</li>
<li><a href="/article/2898.htm"
title="java循环标签 Foreach" target="_blank">java循环标签 Foreach</a>
<span class="text-muted">shuizhaosi888</span>
<a class="tag" taget="_blank" href="/search/%E6%A0%87%E7%AD%BE/1.htm">标签</a><a class="tag" taget="_blank" href="/search/java%E5%BE%AA%E7%8E%AF/1.htm">java循环</a><a class="tag" taget="_blank" href="/search/foreach/1.htm">foreach</a>
<div>1. 简单的for循环
public static void main(String[] args) {
for (int i = 1, y = i + 10; i < 5 && y < 12; i++, y = i * 2) {
System.err.println("i=" + i + " y=" </div>
</li>
<li><a href="/article/3025.htm"
title="Spring Security（05）——异常信息本地化" target="_blank">Spring Security（05）——异常信息本地化</a>
<span class="text-muted">234390216</span>
<a class="tag" taget="_blank" href="/search/exception/1.htm">exception</a><a class="tag" taget="_blank" href="/search/Spring+Security/1.htm">Spring Security</a><a class="tag" taget="_blank" href="/search/%E5%BC%82%E5%B8%B8%E4%BF%A1%E6%81%AF/1.htm">异常信息</a><a class="tag" taget="_blank" href="/search/%E6%9C%AC%E5%9C%B0%E5%8C%96/1.htm">本地化</a>
<div>异常信息本地化
Spring Security支持将展现给终端用户看的异常信息本地化，这些信息包括认证失败、访问被拒绝等。而对于展现给开发者看的异常信息和日志信息（如配置错误）则是不能够进行本地化的，它们是以英文硬编码在Spring Security的代码中的。在Spring-Security-core-x</div>
</li>
<li><a href="/article/3152.htm"
title="DUBBO架构服务端告警Failed to send message Response" target="_blank">DUBBO架构服务端告警Failed to send message Response</a>
<span class="text-muted">javamingtingzhao</span>
<a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a><a class="tag" taget="_blank" href="/search/DUBBO/1.htm">DUBBO</a>
<div> 废话不多说，警告日志如下，不知道有哪位遇到过，此异常在服务端抛出(服务器启动第一次运行会有这个警告)，后续运行没问题，找了好久真心不知道哪里错了。
WARN 2015-07-18 22:31:15,272 com.alibaba.dubbo.remoting.transport.dispatcher.ChannelEventRunnable.run(84)</div>
</li>
<li><a href="/article/3279.htm"
title="JS中Date对象中几个用法" target="_blank">JS中Date对象中几个用法</a>
<span class="text-muted">leeqq</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/Date/1.htm">Date</a><a class="tag" taget="_blank" href="/search/%E6%9C%80%E5%90%8E%E4%B8%80%E5%A4%A9/1.htm">最后一天</a>
<div>近来工作中遇到这样的两个需求
1. 给个Date对象，找出该时间所在月的第一天和最后一天
2. 给个Date对象，找出该时间所在周的第一天和最后一天
需求1中的找月第一天很简单，我记得api中有setDate方法可以使用
使用setDate方法前，先看看getDate
var date = new Date();
console.log(date);
// Sat J</div>
</li>
<li><a href="/article/3406.htm"
title="MFC中使用ado技术操作数据库" target="_blank">MFC中使用ado技术操作数据库</a>
<span class="text-muted">你不认识的休道人</span>
<a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/mfc/1.htm">mfc</a>
<div>1.在stdafx.h中导入ado动态链接库
#import"C:\Program Files\Common Files\System\ado\msado15.dll" no_namespace rename("EOF","end")2.在CTestApp文件的InitInstance()函数中domodal之前写::CoIniti</div>
</li>
<li><a href="/article/3533.htm"
title="Android Studio加速" target="_blank">Android Studio加速</a>
<span class="text-muted">rensanning</span>
<a class="tag" taget="_blank" href="/search/android+studio/1.htm">android studio</a>
<div>Android Studio慢、吃内存！启动时后会立即通过Gradle来sync & build工程。
（1）设置Android Studio
a) 禁用插件
File -> Settings... Plugins 去掉一些没有用的插件。
比如：Git Integration、GitHub、Google Cloud Testing、Google Cloud</div>
</li>
<li><a href="/article/3660.htm"
title="各数据库的批量Update操作" target="_blank">各数据库的批量Update操作</a>
<span class="text-muted">tomcat_oracle</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/sqlite/1.htm">sqlite</a>
<div>MyBatis的update元素的用法与insert元素基本相同，因此本篇不打算重复了。本篇仅记录批量update操作的
sql语句，懂得SQL语句，那么MyBatis部分的操作就简单了。 注意：下列批量更新语句都是作为一个事务整体执行，要不全部成功，要不全部回滚。
MSSQL的SQL语句
WITH R AS（
SELECT 'John' as name, 18 as</div>
</li>
<li><a href="/article/3787.htm"
title="html禁止清除input文本输入缓存" target="_blank">html禁止清除input文本输入缓存</a>
<span class="text-muted">xp9802</span>
<a class="tag" taget="_blank" href="/search/input/1.htm">input</a>
<div>多数浏览器默认会缓存input的值，只有使用ctl+F5强制刷新的才可以清除缓存记录。如果不想让浏览器缓存input的值，有2种方法：
方法一： 在不想使用缓存的input中添加 autocomplete="off"; eg: <input type="text" autocomplete="off" name</div>
</li>
</ul>
</div>
</div>
</div>
<div>
<div class="container">
<div class="indexes">
<strong>按字母分类：</strong>
<a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a
href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a
href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a
href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a
href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a
href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a
href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a
href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a
href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a>
</div>
</div>
</div>
<footer id="footer" class="mb30 mt30">
<div class="container">
<div class="footBglm">
<a target="_blank" href="/">首页</a> -
<a target="_blank" href="/custom/about.htm">关于我们</a> -
<a target="_blank" href="/search/Java/1.htm">站内搜索</a> -
<a target="_blank" href="/sitemap.txt">Sitemap</a> -
<a target="_blank" href="/custom/delete.htm">侵权投诉</a>
</div>
<div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.
<!-- <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>-->
</div>
</div>
</footer>
<!-- 代码高亮 -->
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script>
<link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/>
<script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script>
</body>
</html><script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>