Hexo和Gitee(码云)搭建个人博客记录

Hexo简介

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

安装 Hexo前需要提前安装:

  • Node.js
  • git

参考Hexo 官网: https://hexo.io/zh-cn/docs/

Window上安装Hexo

打开cmd终端 或者 使用 git bash 命令界面,输入命令安装:

npm install -g hexo-cli

Hexo和Gitee(码云)搭建个人博客记录_第1张图片

初始化博客

  • 先设置npm 的镜像源为淘宝镜像源,提高下载速度
npm config set registry https://registry.npm.taobao.org
npm info underscore
  • 新建一个空目录并cd进目录内执行初始化

Hexo和Gitee(码云)搭建个人博客记录_第2张图片

  • init完成后,执行npm install命令
npm install
  • 执行hexo server命令运行服务,在浏览器中输入地址 http://localhost:4000访问查看效果
    hexo server

     

Hexo和Gitee(码云)搭建个人博客记录_第3张图片


使用hexo

  • hexo博客目录介绍

 _config.yml                --站点配置文件,可以配置博客主题、博客基本信息
db.json                        --缓存文件  hexo g 命令生成
node_modules/           --已安装文件 hexo init 自动生成
package.json              --hexo版本及已安装依赖包版本信息 hexo init 自动生成
package-lock.json      --hexo init命令生成
public/                        --生成的静态博客目录 hexo g 生成
scaffolds/                   --文章模板文件夹
source/                      --博客源码目录,存放新建的md博客文件
themes/                     --博客主题文件夹

  • 新建博客文章
hexo new [layout] 
</code></pre> 
  <p>layout 可以不写,默认为_post,在站点配置文件中定义。title 如果包含空格需要加引号,此命令执行后会在source 文件夹下新建一个_posts文件夹,并在文件夹内自动生成一个以标题为名字的md文件,可以使用markdown编辑器编辑此文件即博客文章。</p> 
  <p>例:</p> 
  <p><a href="http://img.e-com-net.com/image/info8/fe64ad2fcd024ce492d5a10f11ac0a51.jpg" target="_blank"><img alt="Hexo和Gitee(码云)搭建个人博客记录_第4张图片" height="241" src="http://img.e-com-net.com/image/info8/fe64ad2fcd024ce492d5a10f11ac0a51.jpg" width="578" style="border:1px solid black;"></a></p> 
  <p>接着使用hexo g命令生成网页文件,文件存放在public目录</p> 
  <pre><code class="language-bash">hexo g</code></pre> 
  <p><a href="http://img.e-com-net.com/image/info8/1ef9ec2eae4a4b889e6ba54c91635d28.jpg" target="_blank"><img alt="Hexo和Gitee(码云)搭建个人博客记录_第5张图片" height="203" src="http://img.e-com-net.com/image/info8/1ef9ec2eae4a4b889e6ba54c91635d28.jpg" width="514" style="border:1px solid black;"></a></p> 
  <p>运行hexo s命令 启动本地博客服务,在浏览器中输入localhost:4000/ 查看</p> 
  <pre><code class="language-bash">hexo s</code></pre> 
  <p><a href="http://img.e-com-net.com/image/info8/48063fff5cd14c1f84285deb931daa24.jpg" target="_blank"><img alt="Hexo和Gitee(码云)搭建个人博客记录_第6张图片" height="257" src="http://img.e-com-net.com/image/info8/48063fff5cd14c1f84285deb931daa24.jpg" width="650" style="border:1px solid black;"></a></p> 
  <p> </p> 
  <h3>使用icarus 主题</h3> 
  <p>上面的博客页面已经使用了 icarus 主题,主题地址:https://github.com/ppoffice/hexo-theme-icarus</p> 
  <ul> 
   <li>下载icarus主题,并将主题解压到themes文件夹下,文件夹可简写为icarus</li> 
   <li>在站点配置文件_config.yml中将主题改为icarus,并自定义站点的基本信息,部分配置如下:</li> 
  </ul> 
  <pre><code class="language-bash"># Site
title: 星光油泥的博客
subtitle: Hexo博客
description: 个人技术博客
keywords: java,web
author: Yin
language: zh-CN
timezone: Asia/Shanghai


# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: icarus</code></pre> 
  <ul> 
   <li>在icarus主题的配置文件_config.yml中设置博客头像、昵称、签名、菜单栏改为中文、开启缩略图、分享插件等信息,并可以去掉部分不需要的链接信息,部分配置如下:</li> 
  </ul> 
  <pre><code class="language-bash"># Navigation bar link settings
navbar:
    # Navigation bar menu links
    menu:
        主页: /
        归档: /archives
        分类: /categories
        标签: /tags
        关于: /about


article:
    # Code highlight settings
    highlight:
        # Code highlight themes
        # https://github.com/highlightjs/highlight.js/tree/master/src/styles
        theme: atom-one-light
        # Show code copying button
        clipboard: true
        # Default folding status of the code blocks. Can be "", "folded", "unfolded"
        fold: unfolded
    # Whether to show article thumbnail images
    thumbnail: true


# Share plugin settings
# https://ppoffice.github.io/hexo-theme-icarus/categories/Plugins/Share
share:
    # Share plugin name
    type: sharejs


# Sidebar widget settings
# https://ppoffice.github.io/hexo-theme-icarus/categories/Widgets/
widgets:
    -
        # Widget name
        type: profile
        # Where should the widget be placed, left or right
        position: left
        # Author name to be shown in the profile widget
        author: 星光油泥
        # Title of the author to be shown in the profile widget
        author_title: 人之所以能,是相信能
        # Author's current location to be shown in the profile widget
        location: 深圳
        # Path or URL to the avatar to be shown in the profile widget
        avatar: /images/photo.jpg</code></pre> 
  <ul> 
   <li>icarus配置中开启了缩率图功能,在新建的md文章中增加缩率图配置就可以展示出来。同时文章中还可以设置标签与分类,示例如下:</li> 
  </ul> 
  <pre><code>---
title: 第一篇博客
date: 2020-03-03 21:40:52
thumbnail: /images/bizhi.jpg
tags: java
categories: 编程
---
JAVA基础概念:
JVM</code></pre> 
  <p><a href="http://img.e-com-net.com/image/info8/29de959ffbaa4054a05a5c3b3c2e4122.jpg" target="_blank"><img alt="Hexo和Gitee(码云)搭建个人博客记录_第7张图片" height="253" src="http://img.e-com-net.com/image/info8/29de959ffbaa4054a05a5c3b3c2e4122.jpg" width="650" style="border:1px solid black;"></a></p> 
  <ul> 
   <li>在icarus主题下使用hexo命令时可能出现没有cheerio包,执行npm install cheerio安装</li> 
   <li>在使用icarus主题的时候,发现还有一款被推荐的主题:</li> 
  </ul> 
  <p>https://gitee.com/heliumw/hexo-theme-matery    个人感觉比icarus好用,而且增加了很多其他功能,可以自行试用</p> 
  <h3>博客部署到Gitee</h3> 
  <ul> 
   <li>在gitee上注册账号并新建个人博客仓库,私有 公开皆可</li> 
  </ul> 
  <p style="margin-left:0pt;"><a href="http://img.e-com-net.com/image/info8/a85be49a60004d0b88444614c977ac37.jpg" target="_blank"><img alt="Hexo和Gitee(码云)搭建个人博客记录_第8张图片" src="http://img.e-com-net.com/image/info8/a85be49a60004d0b88444614c977ac37.jpg" width="650" height="489" style="border:1px solid black;"></a></p> 
  <ul> 
   <li>安装hexo git部署工具</li> 
  </ul> 
  <pre><code class="language-bash">npm install hexo-deployer-git --save</code></pre> 
  <ul> 
   <li>配置hexo部署仓库</li> 
  </ul> 
  <pre><code class="language-bash"># Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: https://gitee.com/gamein/hexo_blog.git
  branch: master</code></pre> 
  <ul> 
   <li>执行hexo d命令将博客上传至仓库,首次上传会让填写gitee 账号和密码</li> 
   <li>开启gitee pages服务</li> 
  </ul> 
  <p><a href="http://img.e-com-net.com/image/info8/1134737802cc403793889f26d3965cf7.jpg" target="_blank"><img alt="Hexo和Gitee(码云)搭建个人博客记录_第9张图片" height="196" src="http://img.e-com-net.com/image/info8/1134737802cc403793889f26d3965cf7.jpg" width="650" style="border:1px solid black;"></a></p> 
  <ul> 
   <li>开启后使用提供的网址即可访问博客,每次重新上传代码到gitee时都需要点击下图的更新按钮重启page服务</li> 
  </ul> 
  <p><a href="http://img.e-com-net.com/image/info8/150930c83e4f46a483ecc35c548adc1e.jpg" target="_blank"><img alt="Hexo和Gitee(码云)搭建个人博客记录_第10张图片" height="288" src="http://img.e-com-net.com/image/info8/150930c83e4f46a483ecc35c548adc1e.jpg" width="650" style="border:1px solid black;"></a></p> 
  <ul> 
   <li>在站点配置文件设置博客地址,使生成的博客资源可以正常访问</li> 
  </ul> 
  <pre><code class="language-bash"># URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: https://gamein.gitee.io/hexo_blog
root: /hexo_blog</code></pre> 
  <ul> 
   <li>安装图片管理工具,可以使用相对路径引用图片资源。网上很多使用hexo-asset-image工具,经测试无法正常引用,此处参考https://liolok.github.io/en/How-to-Add-Image-to-Hexo-Blog-Post/ 使用hexo-asset-link工具</li> 
  </ul> 
  <pre><code class="language-bash">npm i --save hexo-asset-link</code></pre> 
  <p> </p> 
  <ul> 
   <li>执行hexo clean && hexo g && hexo d重新上传博客资源,点击更新后访问博客</li> 
  </ul> 
 </div> 
</div>
                            </div>
                        </div>
                    </div>
                    <!--PC和WAP自适应版-->
                    <div id="SOHUCS" sid="1294453375873654784"></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博客搭建)</h4>
        <div id="paradigm-article-related">
            <div class="recommend-post mb30">
                <ul class="widget-links">
                    <li><a href="/article/1772464985230868480.htm"
                           title="blog-engine-06-pelican 静态网站生成 支持 markdown 和 reST 语法" target="_blank">blog-engine-06-pelican 静态网站生成 支持 markdown 和 reST 语法</a>
                        <span class="text-muted">老马啸西风</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
                        <div>拓展阅读blog-engine-01-常见博客引擎jekyll/hugo/Hexo/Pelican/Gatsby/VuePress/Nuxt.js/Middleman对比blog-engine-02-通过博客引擎jekyll构建githubpages博客实战笔记blog-engine-02-博客引擎jekyll-jekyll博客引擎介绍blog-engine-02-博客引擎jekyll-jekyl</div>
                    </li>
                    <li><a href="/article/1763249954534547456.htm"
                           title="hexo新建文章 规则" target="_blank">hexo新建文章 规则</a>
                        <span class="text-muted">hiekay</span>

                        <div>你可以执行下列命令来创建一篇新文章。$hexonew[layout]您可以在命令中指定文章的布局(layout),默认为post,可以通过修改_config.yml中的default_layout参数来指定默认布局。布局(Layout)Hexo有三种默认布局:post、page和draft,它们分别对应不同的路径,而您自定义的其他布局和post相同,都将储存到source/_posts文件夹。布局</div>
                    </li>
                    <li><a href="/article/1759876261963984896.htm"
                           title="使用 rsync-deploy-action 同步 Hexo 博客到个人服务器" target="_blank">使用 rsync-deploy-action 同步 Hexo 博客到个人服务器</a>
                        <span class="text-muted">yeshan333</span>

                        <div>前几天写了个基于rsync进行文件同步的Action->rsync-deploy-action。目的有三个:1、深入了解波GitHubActions,感受下GitHub的文档;2、个人博客在我的腾讯云CVM服务器上是部署有一份的「域名:shan333.cn」,之前的博客同步方式是通过Linux的定时任务,觉得不太行,当前博客的更新并没有那么频繁,没必要每隔几个小时就gitpull一下,且服务器还挂</div>
                    </li>
                    <li><a href="/article/1759667578487271424.htm"
                           title="error: src refspec main does not match any解决办法" target="_blank">error: src refspec main does not match any解决办法</a>
                        <span class="text-muted">dzq198</span>
<a class="tag" taget="_blank" href="/search/github/1.htm">github</a>
                        <div>一、问题描述:用GitHubActions自动部署Hexo,到了最关键的一步;突然报错:error:srcrefspecmaindoesnotmatchany1、错误一:main分支应填写为master分支;但是只改这里也会报其他错误2、错误二:![rejected]main->main(non-fast-forward)这个问题解释起来很简单,还记得我们创建仓库时添加到README和licens</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/1759667452142252032.htm"
                           title="通过 GithubActions 实现自动化部署 Hexo" target="_blank">通过 GithubActions 实现自动化部署 Hexo</a>
                        <span class="text-muted">dzq198</span>
<a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%8A%A8%E5%8C%96/1.htm">自动化</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</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/github/1.htm">github</a>
                        <div>一、在自己电脑上新建一个文件夹,打开gitbashhere,输入以下命令#生成秘钥ssh-keygen-fgithub-deploy-key之后会生成两个文件,一个私钥文件为:github-deploy-key;另一个公钥文件为:github-deploy-key.pub1、在Hexo工作目录Github源码仓库中指定私钥步骤:依次打开自己存放博客源码的仓库,点击Settings->展开Secre</div>
                    </li>
                    <li><a href="/article/1759667065851047936.htm"
                           title="Hexo删除主题" target="_blank">Hexo删除主题</a>
                        <span class="text-muted">dzq198</span>
<a class="tag" taget="_blank" href="/search/Hexo/1.htm">Hexo</a>
                        <div>一、找到存放主题的目录1、一般在入博客中的theme目录,这里以next主题为例。在theme目录中,打开GitBashHere;ls列出主题目录rm-rf填需要删除的主题目录2、另一种情况,以fluid主题为例;之前不知道是用那种方式把主题安装在了E:\Blog\node_modules\hexo-theme-fluid找到相应的目录删除该主题即可。</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/1757692936205647872.htm"
                           title="nacos+seata 1.2.0" target="_blank">nacos+seata 1.2.0</a>
                        <span class="text-muted">luncene_e110</span>

                        <div>首先我是参照的芋艿的博客搭建的seatahttp://seata.io/zh-cn/blog/seata-quick-start.htmlseata-server配置需要调整的地方:1.registry.conf2.file.conf在官网的script目录下有关于配置的信息,需要将配置信息配到nacos中https://github.com/seata/seata/blob/develop/sc</div>
                    </li>
                    <li><a href="/article/1757409686954459136.htm"
                           title="Hexo免输入密码部署到github" target="_blank">Hexo免输入密码部署到github</a>
                        <span class="text-muted">恬雅过客</span>

                        <div>hexo部署到github时,会要求你输入用户名密码,每次提交都要输入,肯定让你抓狂吧,下面的2步配置就能把你从痛苦中解救出来。在系统变量中添加一个环境变量:变量名:HOME变量值:%USERPROFILE%hexo-deploy-no-psw-01.jpg接着在你的用户目录(C:\Users\username)下新建一个叫_netrc的文件编辑这个文件:machinegithub.comlogi</div>
                    </li>
                    <li><a href="/article/1757352165459902464.htm"
                           title="阅读 - 搭建博客" target="_blank">阅读 - 搭建博客</a>
                        <span class="text-muted">小蜜蜂~嗡嗡嗡~</span>
<a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a>
                        <div>搭建博客的几种方式1.使用在线的博客系统,如语雀、掘金、CSDN等。优点:直接创建账号使用即可,简单方便,不需要维护缺点:文章分散在各个平台,不易于管理2.githubpages+hugo、hexo等静态博客系统(强烈推荐)优点:文章都在自己手里,方便管理。因为是从0开始一步步搭建,所以还能学习到很多相关知识。最终要的是还能装X缺点:只支持静态内容,没有后台管理系统3.WordPress建站(没用</div>
                    </li>
                    <li><a href="/article/1757171360477495296.htm"
                           title="解决 hexo 搭建的博客无法上传文章问题" target="_blank">解决 hexo 搭建的博客无法上传文章问题</a>
                        <span class="text-muted">richardlee</span>

                        <div>有一天写完博客,准备上传时,执行hexod命令后上传失败,并要求重新输入账号密码进行上传,输入密码后报了下面的错误:remote:SupportforpasswordauthenticationwasremovedonAugust13,2021.Pleaseuseapersonalaccesstokeninstead.remote:Pleaseseehttps://github.blog/2020</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/1756990352809541632.htm"
                           title="hexo 多语言站点改造" target="_blank">hexo 多语言站点改造</a>
                        <span class="text-muted"></span>
<a class="tag" taget="_blank" href="/search/hexoi18n%E5%8D%9A%E5%AE%A2%E6%90%AD%E5%BB%BA/1.htm">hexoi18n博客搭建</a>
                        <div>工作中搜索和查阅的文档以英文居多,于是便想着也改造一下自己博客。支持多语言的同时,顺便也算是给新的一年开一个头。目标这次改造的目标有两个:全局多语言(中-英)的支持。不同语言之间可以互相切换。探索hexo以及之前用的NexT主题虽然有i18n的支持,但都是对导航、菜单等偏固定内容的支持,并没有全局支持。在网上搜索相关文章后,大致有如下3种解决方案:序号方案优点缺点1在_post下新建en文件夹存放</div>
                    </li>
                    <li><a href="/article/1756969605831606272.htm"
                           title="Hexo + Material + Github 搭建博客与配置" target="_blank">Hexo + Material + Github 搭建博客与配置</a>
                        <span class="text-muted">U_2647</span>

                        <div>0.准备环境gitNode.jsgithub账号1.安装1.1安装gitGit下载地址一路next没啥好说的验证一下,在命令行下执行D:\GitRepository>git--versiongitversion2.13.2.windows.1就说明成功了1.2安装Node.jsNode.js下载地址一路next没啥好说的验证一下,在命令行下执行D:\GitRepository>node-vv6.1</div>
                    </li>
                    <li><a href="/article/1756790379279040512.htm"
                           title="Hexo + github 构建博客" target="_blank">Hexo + github 构建博客</a>
                        <span class="text-muted">YQY_苑</span>

                        <div>概况为什么选择GitHubPages1、GitHubPages有免费的代码托管空间,资料自己管理,保存可靠;2、学着用GitHub,享受GitHub的便利,上面有很多大牛,眼界会开阔很多;3、顺便理解GitHub工作原理,最好的团队协作流程;4、GitHub建立私有仓库才会收费,所以会有很多开源代码。GitHubPages是什么应用GitHubPages创建属于自己的个人博客,GitHub将提供免</div>
                    </li>
                    <li><a href="/article/1756721889704689664.htm"
                           title="hexo 博客搭建以及踩雷总结" target="_blank">hexo 博客搭建以及踩雷总结</a>
                        <span class="text-muted">Lovely Ruby</span>
<a class="tag" taget="_blank" href="/search/elasticsearch/1.htm">elasticsearch</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/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>搭建时的坑文章置顶安装一下这个依赖npminstallhexo-generator-topindex--save然后再文章的上面设置top:number,数字越大,权重越大,也就是越靠顶部hexo每次推送nginx都访问不到宝塔自带的nginx的config里默认的角色是www,然而我看每次自动部署的时候都会变成root所以直接改nginx的配置就好,这样nginx就能够读取到文件证书无效喵的,找</div>
                    </li>
                    <li><a href="/article/1756670540413681664.htm"
                           title="Hexo设置少量固定的动态背景图" target="_blank">Hexo设置少量固定的动态背景图</a>
                        <span class="text-muted">ordinary_brony</span>
<a class="tag" taget="_blank" href="/search/Hexo/1.htm">Hexo</a><a class="tag" taget="_blank" href="/search/hexo/1.htm">hexo</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
                        <div>文章目录前言先准备素材问题分析代码实现逻辑写在哪先搭建基本框架然后添加图片链接动画效果前言先准备素材问题分析代码实现逻辑写在哪先搭建基本框架然后添加图片链接动画效果前言在以前的这篇文章中,我们设置了一些动态背景。这次我们加一丁点优化,为下一次做准备。先准备素材还是老样子,准备四张照片,然后压缩。这是我找到的四张照片:当然,这些都是通过iloveImg压缩掉了,每张图片大概500KB500KB500</div>
                    </li>
                    <li><a href="/article/1756670412927811584.htm"
                           title="Hexo设置动态背景图的动态更新" target="_blank">Hexo设置动态背景图的动态更新</a>
                        <span class="text-muted">ordinary_brony</span>
<a class="tag" taget="_blank" href="/search/Hexo/1.htm">Hexo</a><a class="tag" taget="_blank" href="/search/hexo/1.htm">hexo</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
                        <div>文章目录前言动态的背景图更新图库时间计算修改src属性还是直接将整个img标签替换掉代码实现保存位置增加代码没什么必要的其他东西两篇文章的全部代码修改为开关形式目前还没完善的前言在这篇文章中,我们学习了如何设置固定数量的动态背景图。接下来,我们在这篇文章的基础上继续增加功能,让动态背景图的数量也不是固定的、图像也不是固定的。顺便一提,预览效果点击这里查看。动态的背景图在这里,我个人想从两个方面解释</div>
                    </li>
                    <li><a href="/article/1756633552897720320.htm"
                           title="Hexo+Icarus3+live2d给博客添加看板娘" target="_blank">Hexo+Icarus3+live2d给博客添加看板娘</a>
                        <span class="text-muted">Mr__joe</span>

                        <div>补坑之前写过一篇icarus添加看板娘的教程但是版本是标签然后插入这行修改后完整的head.jsxconst{Component}=require('inferno');constMetaTags=require('hexo-component-inferno/lib/view/misc/meta');constOpenGraph=require('hexo-component-inferno/l</div>
                    </li>
                    <li><a href="/article/1756604119985963008.htm"
                           title="Hexo 添加分类及标签不能显示解决方法" target="_blank">Hexo 添加分类及标签不能显示解决方法</a>
                        <span class="text-muted">却水</span>
<a class="tag" taget="_blank" href="/search/github/1.htm">github</a>
                        <div>问题:使用Ayer主题配置Hexo个人博客,添加分类和标签无法显示1.添加博客分类开启主题配置文件下_config.ymlmenu来设置侧边栏菜单menu:主页:/归档:/archives分类:/categories#开启此项标签:/tagsCSDN:https://blog.csdn.net/qq_41753944在站点文件夹下打开Gitbash,输入以下代码hexonpagecategorie</div>
                    </li>
                    <li><a href="/article/1756512610959769600.htm"
                           title="hexo部署到gitee(码云)" target="_blank">hexo部署到gitee(码云)</a>
                        <span class="text-muted">奇遇少年</span>
<a class="tag" taget="_blank" href="/search/%E7%8E%A9%E8%BD%ACHexo/1.htm">玩转Hexo</a><a class="tag" taget="_blank" href="/search/Hexo/1.htm">Hexo</a><a class="tag" taget="_blank" href="/search/%E5%8D%9A%E5%AE%A2/1.htm">博客</a>
                        <div>引言Hexo是一个基于Node.js的静态博客框架,而Gitee(也被称为码云)是一个国内的代码托管平台,支持Git版本控制系统,与GitHub类似。将Hexo部署到GiteePages可以让你的博客受益于Gitee的国内服务器,访问速度更快。下面,我将详细介绍如何将Hexo博客部署到Gitee。准备工作在开始之前,你需要确保以下条件都满足:已经安装了Node.js和npm。安装了Git。如何用H</div>
                    </li>
                    <li><a href="/article/1756512610473230336.htm"
                           title="Hexo更换Matery主题" target="_blank">Hexo更换Matery主题</a>
                        <span class="text-muted">奇遇少年</span>
<a class="tag" taget="_blank" href="/search/%E7%8E%A9%E8%BD%ACHexo/1.htm">玩转Hexo</a><a class="tag" taget="_blank" href="/search/%E5%8D%9A%E5%AE%A2/1.htm">博客</a><a class="tag" taget="_blank" href="/search/Hexo/1.htm">Hexo</a>
                        <div>引言在数字化时代,拥有一个个人博客已经成为许多人展示自己技能、分享知识和与世界互动的重要方式。而在众多博客平台中,Hexo因其简洁、高效和易于定制的特点而备受青睐。本文将详细介绍如何为你的Hexo博客更换主题,让你的个人博客在互联网上更加独特和吸引人。一、Hexo简介Hexo是一个快速、简洁且高效的博客框架,它使用Markdown解析文章,在几秒内即可生成静态文件。相较于其他博客系统,Hexo的优</div>
                    </li>
                    <li><a href="/article/1756512483553591296.htm"
                           title="如何将 Hexo 部署到 GitHub Pages" target="_blank">如何将 Hexo 部署到 GitHub Pages</a>
                        <span class="text-muted">奇遇少年</span>
<a class="tag" taget="_blank" href="/search/%E7%8E%A9%E8%BD%ACHexo/1.htm">玩转Hexo</a><a class="tag" taget="_blank" href="/search/Hexo/1.htm">Hexo</a><a class="tag" taget="_blank" href="/search/github/1.htm">github</a>
                        <div>引言在数字时代,拥有个人博客是展示自己想法、分享知识和技能的绝佳方式。Hexo是一个基于Node.js的静态博客生成器,它结合了简洁性和功能性,让我们可以轻松地建立并维护一个博客。而GitHubPages提供了一个免费的平台来托管这些静态网站,这使得Hexo成为了许多开发者和技术写作者的首选工具。准备工作在开始之前,你需要确保以下条件都满足:已经安装了Node.js和npm。安装了Git。如何用H</div>
                    </li>
                    <li><a href="/article/1756503486163337216.htm"
                           title="基于springboot + vue 的个人博客搭建过程(新手村之外的世界依旧充满魅力)" target="_blank">基于springboot + vue 的个人博客搭建过程(新手村之外的世界依旧充满魅力)</a>
                        <span class="text-muted">梦魇梦狸º</span>
<a class="tag" taget="_blank" href="/search/%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2%E6%90%AD%E5%BB%BA/1.htm">个人博客搭建</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>承接上文:基于springboot+vue的个人博客搭建过程(上线)目前博客项目经历重构后并成功上线,接下来记录优化部分部署优化1.idea集成dockerdocker开启远程端口#修改该docker服务文件vim/lib/systemd/system/docker.service#修改ExecStart这行(注释后修改为如下)ExecStart=/usr/bin/dockerd-Htcp://0</div>
                    </li>
                    <li><a href="/article/1756301658037436416.htm"
                           title="^--Magic Forest" target="_blank">^--Magic Forest</a>
                        <span class="text-muted">laochonger</span>

                        <div>Impisinamagicforest,wherexoranglesgrow(wut?)imageAxorangleofordernissuchanon-degeneratetriangle,thatlengthsofitssidesareintegersnotexceedingn,andthexor-sumofthelengthsisequaltozero.Imphastocountthenum</div>
                    </li>
                    <li><a href="/article/1755632906736254976.htm"
                           title="个人博客搭建(总结)" target="_blank">个人博客搭建(总结)</a>
                        <span class="text-muted">懒总不想学习想睡觉</span>
<a class="tag" taget="_blank" href="/search/%E7%A0%94%E7%8B%97--%E6%90%9E%E4%BA%8B%E8%AE%B0%E5%BD%95/1.htm">研狗--搞事记录</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>文章目录前言个人基础学习经验耗时最终搭配血泪史总结GiteeorGitHub域名-该买还是得买!域名后缀服务器参考博主碎碎念前言本网站目前只搭好了一个大概框架,博主没学过前端,所以会有许多bug和不合理的设置。大家可以大胆指出!我会在后期慢慢修改的!!指路:https://www.lazy-a.top/放假噜,本“月更·一放假就搞事·学习”博主回来喽!!考完试终于有动力开始研究一直好奇的个人博客了</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/1755399777115193344.htm"
                           title="【Hexo博客搭建与使用】使用草稿方式写作Hexo博客" target="_blank">【Hexo博客搭建与使用】使用草稿方式写作Hexo博客</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/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/macos/1.htm">macos</a><a class="tag" taget="_blank" href="/search/github/1.htm">github</a><a class="tag" taget="_blank" href="/search/%E7%BB%8F%E9%AA%8C%E5%88%86%E4%BA%AB/1.htm">经验分享</a>
                        <div>【Hexo博客搭建与使用】使用草稿方式写作Hexo博客文章目录【Hexo博客搭建与使用】使用草稿方式写作Hexo博客创建草稿文章publish草稿在写作Hexo博客时,经常有几篇博文同时在构思,直接使用"hexonew"创建的博文,在执行"hexod"的时候会直接部署到博客正式发表。但此时,可能同时进行写作的其他博文还没有完成,就会出现未完成博文也同时被正式部署的尴尬情况。在这种情况下,我们可以使</div>
                    </li>
                                <li><a href="/article/27.htm"
                                       title="rust的指针作为函数返回值是直接传递,还是先销毁后创建?" target="_blank">rust的指针作为函数返回值是直接传递,还是先销毁后创建?</a>
                                    <span class="text-muted">wudixiaotie</span>
<a class="tag" taget="_blank" href="/search/%E8%BF%94%E5%9B%9E%E5%80%BC/1.htm">返回值</a>
                                    <div> 这是我自己想到的问题,结果去知呼提问,还没等别人回答, 我自己就想到方法实验了。。 
fn main() {
    let mut a = 34;
    println!("a's addr:{:p}", &a);
    let p = &mut a;
    println!("p's addr:{:p}", &a</div>
                                </li>
                                <li><a href="/article/154.htm"
                                       title="java编程思想 -- 数据的初始化" target="_blank">java编程思想 -- 数据的初始化</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/%E6%95%B0%E6%8D%AE%E7%9A%84%E5%88%9D%E5%A7%8B%E5%8C%96/1.htm">数据的初始化</a>
                                    <div>  
1.使用构造器确保数据初始化 
     
/*
 *在ReckInitDemo类中创建Reck的对象 
 */
public class ReckInitDemo {
	

	public static void main(String[] args) {
		//创建Reck对象
		new Reck();
	}
	
	
}</div>
                                </li>
                                <li><a href="/article/281.htm"
                                       title="[航天与宇宙]为什么发射和回收航天器有档期" target="_blank">[航天与宇宙]为什么发射和回收航天器有档期</a>
                                    <span class="text-muted">comsci</span>

                                    <div> 
 
 
       地球的大气层中有一个时空屏蔽层,这个层次会不定时的出现,如果该时空屏蔽层出现,那么将导致外层空间进入的任何物体被摧毁,而从地面发射到太空的飞船也将被摧毁... 
 
       所以,航天发射和飞船回收都需要等待这个时空屏蔽层消失之后,再进行 
 
&</div>
                                </li>
                                <li><a href="/article/408.htm"
                                       title="linux下批量替换文件内容" target="_blank">linux下批量替换文件内容</a>
                                    <span class="text-muted">商人shang</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E6%9B%BF%E6%8D%A2/1.htm">替换</a>
                                    <div>1、网络上现成的资料 
  格式: sed -i "s/查找字段/替换字段/g" `grep 查找字段 -rl 路径` 
  linux sed 批量替换多个文件中的字符串 
  sed -i "s/oldstring/newstring/g" `grep oldstring -rl yourdir` 
  例如:替换/home下所有文件中的www.admi</div>
                                </li>
                                <li><a href="/article/535.htm"
                                       title="网页在线天气预报" target="_blank">网页在线天气预报</a>
                                    <span class="text-muted">oloz</span>
<a class="tag" taget="_blank" href="/search/%E5%A4%A9%E6%B0%94%E9%A2%84%E6%8A%A5/1.htm">天气预报</a>
                                    <div>网页在线调用天气预报

<%@ page language="java" contentType="text/html; charset=utf-8"
 pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transit</div>
                                </li>
                                <li><a href="/article/662.htm"
                                       title="SpringMVC和Struts2比较" target="_blank">SpringMVC和Struts2比较</a>
                                    <span class="text-muted">杨白白</span>
<a class="tag" taget="_blank" href="/search/springMVC/1.htm">springMVC</a>
                                    <div>1. 入口 
spring mvc的入口是servlet,而struts2是filter(这里要指出,filter和servlet是不同的。以前认为filter是servlet的一种特殊),这样就导致了二者的机制不同,这里就牵涉到servlet和filter的区别了。 
参见:http://blog.csdn.net/zs15932616453/article/details/8832343 
2</div>
                                </li>
                                <li><a href="/article/789.htm"
                                       title="refuse copy, lazy girl!" target="_blank">refuse copy, lazy girl!</a>
                                    <span class="text-muted">小桔子</span>
<a class="tag" taget="_blank" href="/search/copy/1.htm">copy</a>
                                    <div>       妹妹坐船头啊啊啊啊!都打算一点点琢磨呢。文字编辑也写了基本功能了。。今天查资料,结果查到了人家写得完完整整的。我清楚的认识到: 
1.那是我自己觉得写不出的高度 
2.如果直接拿来用,很快就能解决问题 
3.然后就是抄咩~~ 
4.肿么可以这样子,都不想写了今儿个,留着作参考吧!拒绝大抄特抄,慢慢一点点写! 
  </div>
                                </li>
                                <li><a href="/article/916.htm"
                                       title="apache与php整合" target="_blank">apache与php整合</a>
                                    <span class="text-muted">aichenglong</span>
<a class="tag" taget="_blank" href="/search/php+apache+web/1.htm">php apache web</a>
                                    <div>一  apache web服务器 
 1 apeche web服务器的安装 
  1)下载Apache web服务器 
  2)配置域名(如果需要使用要在DNS上注册) 
  3)测试安装访问http://localhost/验证是否安装成功 
 2 apache管理 
  1)service.msc进行图形化管理 
  2)命令管理,配</div>
                                </li>
                                <li><a href="/article/1043.htm"
                                       title="Maven常用内置变量" target="_blank">Maven常用内置变量</a>
                                    <span class="text-muted">AILIKES</span>
<a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a>
                                    <div>Built-in properties 
 
  ${basedir} represents the directory containing pom.xml 
  ${version} equivalent to ${project.version} (deprecated: ${pom.version})  
 Pom/Project properties 
Al</div>
                                </li>
                                <li><a href="/article/1170.htm"
                                       title="java的类和对象" target="_blank">java的类和对象</a>
                                    <span class="text-muted">百合不是茶</span>
<a class="tag" taget="_blank" href="/search/JAVA%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1+%E7%B1%BB+%E5%AF%B9%E8%B1%A1/1.htm">JAVA面向对象 类 对象</a>
                                    <div>java中的类: 
  
  java是面向对象的语言,解决问题的核心就是将问题看成是一个类,使用类来解决 
  
java使用 class 类名   来创建类 ,在Java中类名要求和构造方法,Java的文件名是一样的 
  
创建一个A类: 
class A{
} 
  
java中的类:将某两个事物有联系的属性包装在一个类中,再通</div>
                                </li>
                                <li><a href="/article/1297.htm"
                                       title="JS控制页面输入框为只读" target="_blank">JS控制页面输入框为只读</a>
                                    <span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a>
                                    <div>在WEB应用开发当中,增、删除、改、查功能必不可少,为了减少以后维护的工作量,我们一般都只做一份页面,通过传入的参数控制其是新增、修改或者查看。而修改时需将待修改的信息从后台取到并显示出来,实际上就是查看的过程,唯一的区别是修改时,页面上所有的信息能修改,而查看页面上的信息不能修改。因此完全可以将其合并,但通过前端JS将查看页面的所有信息控制为只读,在信息量非常大时,就比较麻烦。 
  </div>
                                </li>
                                <li><a href="/article/1424.htm"
                                       title="AngularJS与服务器交互" target="_blank">AngularJS与服务器交互</a>
                                    <span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/AngularJS/1.htm">AngularJS</a><a class="tag" taget="_blank" href="/search/%24http/1.htm">$http</a>
                                    <div>        对于AJAX应用(使用XMLHttpRequests)来说,向服务器发起请求的传统方式是:获取一个XMLHttpRequest对象的引用、发起请求、读取响应、检查状态码,最后处理服务端的响应。整个过程示例如下: 
var xmlhttp = new XMLHttpRequest();

xmlhttp.onreadystatechange</div>
                                </li>
                                <li><a href="/article/1551.htm"
                                       title="[Maven学习笔记八]Maven常用插件应用" target="_blank">[Maven学习笔记八]Maven常用插件应用</a>
                                    <span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a>
                                    <div>常用插件及其用法位于:http://maven.apache.org/plugins/ 
  
1. Jetty server plugin 
2. Dependency copy plugin 
3. Surefire Test plugin 
4. Uber jar plugin 
  
  
  
  
  
1. Jetty Pl</div>
                                </li>
                                <li><a href="/article/1678.htm"
                                       title="【Hive六】Hive用户自定义函数(UDF)" target="_blank">【Hive六】Hive用户自定义函数(UDF)</a>
                                    <span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%AE%9A%E4%B9%89%E5%87%BD%E6%95%B0/1.htm">自定义函数</a>
                                    <div>1. 什么是Hive UDF 
Hive是基于Hadoop中的MapReduce,提供HQL查询的数据仓库。Hive是一个很开放的系统,很多内容都支持用户定制,包括: 
 
 文件格式:Text File,Sequence File 
 内存中的数据格式: Java Integer/String, Hadoop IntWritable/Text 
 用户提供的 map/reduce 脚本:不管什么</div>
                                </li>
                                <li><a href="/article/1805.htm"
                                       title="杀掉nginx进程后丢失nginx.pid,如何重新启动nginx" target="_blank">杀掉nginx进程后丢失nginx.pid,如何重新启动nginx</a>
                                    <span class="text-muted">ronin47</span>
<a class="tag" taget="_blank" href="/search/nginx+%E9%87%8D%E5%90%AF+pid%E4%B8%A2%E5%A4%B1/1.htm">nginx 重启 pid丢失</a>
                                    <div>nginx进程被意外关闭,使用nginx -s reload重启时报如下错误:nginx: [error] open() “/var/run/nginx.pid” failed (2: No such file or directory)这是因为nginx进程被杀死后pid丢失了,下一次再开启nginx -s reload时无法启动解决办法:nginx -s reload 只是用来告诉运行中的ng</div>
                                </li>
                                <li><a href="/article/1932.htm"
                                       title="UI设计中我们为什么需要设计动效" target="_blank">UI设计中我们为什么需要设计动效</a>
                                    <span class="text-muted">brotherlamp</span>
<a class="tag" taget="_blank" href="/search/UI/1.htm">UI</a><a class="tag" taget="_blank" href="/search/ui%E6%95%99%E7%A8%8B/1.htm">ui教程</a><a class="tag" taget="_blank" href="/search/ui%E8%A7%86%E9%A2%91/1.htm">ui视频</a><a class="tag" taget="_blank" href="/search/ui%E8%B5%84%E6%96%99/1.htm">ui资料</a><a class="tag" taget="_blank" href="/search/ui%E8%87%AA%E5%AD%A6/1.htm">ui自学</a>
                                    <div>随着国际大品牌苹果和谷歌的引领,最近越来越多的国内公司开始关注动效设计了,越来越多的团队已经意识到动效在产品用户体验中的重要性了,更多的UI设计师们也开始投身动效设计领域。 
但是说到底,我们到底为什么需要动效设计?或者说我们到底需要什么样的动效?做动效设计也有段时间了,于是尝试用一些案例,从产品本身出发来说说我所思考的动效设计。 
一、加强体验舒适度 
嗯,就是让用户更加爽更加爽的用你的产品。 </div>
                                </li>
                                <li><a href="/article/2059.htm"
                                       title="Spring中JdbcDaoSupport的DataSource注入问题" target="_blank">Spring中JdbcDaoSupport的DataSource注入问题</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/spring/1.htm">spring</a>
                                    <div>参考以下两篇文章: 
 
http://www.mkyong.com/spring/spring-jdbctemplate-jdbcdaosupport-examples/ 
 
http://stackoverflow.com/questions/4762229/spring-ldap-invoking-setter-methods-in-beans-configuration 
 
Sprin</div>
                                </li>
                                <li><a href="/article/2186.htm"
                                       title="数据库连接池的工作原理" target="_blank">数据库连接池的工作原理</a>
                                    <span class="text-muted">chicony</span>
<a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93%E8%BF%9E%E6%8E%A5%E6%B1%A0/1.htm">数据库连接池</a>
                                    <div>       随着信息技术的高速发展与广泛应用,数据库技术在信息技术领域中的位置越来越重要,尤其是网络应用和电子商务的迅速发展,都需要数据库技术支持动 态Web站点的运行,而传统的开发模式是:首先在主程序(如Servlet、Beans)中建立数据库连接;然后进行SQL操作,对数据库中的对象进行查 询、修改和删除等操作;最后断开数据库连接。使用这种开发模式,对</div>
                                </li>
                                <li><a href="/article/2313.htm"
                                       title="java 关键字" target="_blank">java 关键字</a>
                                    <span class="text-muted">CrazyMizzz</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
                                    <div> 
关键字是事先定义的,有特别意义的标识符,有时又叫保留字。对于保留字,用户只能按照系统规定的方式使用,不能自行定义。 
 
Java中的关键字按功能主要可以分为以下几类: 
   (1)访问修饰符 
      public,private,protected 
      p</div>
                                </li>
                                <li><a href="/article/2440.htm"
                                       title="Hive中的排序语法" target="_blank">Hive中的排序语法</a>
                                    <span class="text-muted">daizj</span>
<a class="tag" taget="_blank" href="/search/%E6%8E%92%E5%BA%8F/1.htm">排序</a><a class="tag" taget="_blank" href="/search/hive/1.htm">hive</a><a class="tag" taget="_blank" href="/search/order+by/1.htm">order by</a><a class="tag" taget="_blank" href="/search/DISTRIBUTE+BY/1.htm">DISTRIBUTE BY</a><a class="tag" taget="_blank" href="/search/sort+by/1.htm">sort by</a>
                                    <div>Hive中的排序语法 2014.06.22  ORDER BY 
hive中的ORDER BY语句和关系数据库中的sql语法相似。他会对查询结果做全局排序,这意味着所有的数据会传送到一个Reduce任务上,这样会导致在大数量的情况下,花费大量时间。 
与数据库中 ORDER BY 的区别在于在hive.mapred.mode = strict模式下,必须指定 limit 否则执行会报错。</div>
                                </li>
                                <li><a href="/article/2567.htm"
                                       title="单态设计模式" target="_blank">单态设计模式</a>
                                    <span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a>
                                    <div>  单例模式(Singleton)用于为一个类生成一个唯一的对象。最常用的地方是数据库连接。 使用单例模式生成一个对象后,该对象可以被其它众多对象所使用。    
<?phpclass Example{    // 保存类实例在此属性中    private static&</div>
                                </li>
                                <li><a href="/article/2694.htm"
                                       title="svn locked" target="_blank">svn locked</a>
                                    <span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/Lock/1.htm">Lock</a>
                                    <div>post-commit hook failed (exit code 1) with output: 
svn: E155004: Working copy 'D:\xx\xxx' locked 
svn: E200031: sqlite: attempt to write a readonly database 
svn: E200031: sqlite: attempt to write a </div>
                                </li>
                                <li><a href="/article/2821.htm"
                                       title=" ARM寄存器学习" target="_blank"> ARM寄存器学习</a>
                                    <span class="text-muted">e200702084</span>
<a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a><a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/C%23/1.htm">C#</a><a class="tag" taget="_blank" href="/search/F%23/1.htm">F#</a>
                                    <div>无论是学习哪一种处理器,首先需要明确的就是这种处理器的寄存器以及工作模式。 
    ARM有37个寄存器,其中31个通用寄存器,6个状态寄存器。 
1、不分组寄存器(R0-R7) 
    不分组也就是说说,在所有的处理器模式下指的都时同一物理寄存器。在异常中断造成处理器模式切换时,由于不同的处理器模式使用一个名字相同的物理寄存器,就是</div>
                                </li>
                                <li><a href="/article/2948.htm"
                                       title="常用编码资料" target="_blank">常用编码资料</a>
                                    <span class="text-muted">gengzg</span>
<a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A0%81/1.htm">编码</a>
                                    <div>		List<UserInfo> list=GetUserS.GetUserList(11);
		String json=JSON.toJSONString(list);
		HashMap<Object,Object> hs=new HashMap<Object, Object>();
		for(int i=0;i<10;i++)
		{
</div>
                                </li>
                                <li><a href="/article/3075.htm"
                                       title="进程 vs. 线程" target="_blank">进程 vs. 线程</a>
                                    <span class="text-muted">hongtoushizi</span>
<a class="tag" taget="_blank" href="/search/%E7%BA%BF%E7%A8%8B/1.htm">线程</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E8%BF%9B%E7%A8%8B/1.htm">进程</a>
                                    <div>我们介绍了多进程和多线程,这是实现多任务最常用的两种方式。现在,我们来讨论一下这两种方式的优缺点。 
首先,要实现多任务,通常我们会设计Master-Worker模式,Master负责分配任务,Worker负责执行任务,因此,多任务环境下,通常是一个Master,多个Worker。 
如果用多进程实现Master-Worker,主进程就是Master,其他进程就是Worker。 
如果用多线程实现</div>
                                </li>
                                <li><a href="/article/3202.htm"
                                       title="Linux定时Job:crontab -e 与 /etc/crontab 的区别" target="_blank">Linux定时Job:crontab -e 与 /etc/crontab 的区别</a>
                                    <span class="text-muted">Josh_Persistence</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/crontab/1.htm">crontab</a>
                                    <div>一、linux中的crotab中的指定的时间只有5个部分:* * * * * 
分别表示:分钟,小时,日,月,星期,具体说来: 
第一段 代表分钟 0—59 
第二段 代表小时 0—23 
第三段 代表日期 1—31 
第四段 代表月份 1—12 
第五段 代表星期几,0代表星期日 0—6 
  
如: 
*/1 * * * *   每分钟执行一次。 
* </div>
                                </li>
                                <li><a href="/article/3329.htm"
                                       title="KMP算法详解" target="_blank">KMP算法详解</a>
                                    <span class="text-muted">hm4123660</span>
<a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E5%AD%97%E7%AC%A6%E4%B8%B2/1.htm">字符串</a><a class="tag" taget="_blank" href="/search/KMP/1.htm">KMP</a>
                                    <div>     字符串模式匹配我们相信大家都有遇过,然而我们也习惯用简单匹配法(即Brute-Force算法),其基本思路就是一个个逐一对比下去,这也是我们大家熟知的方法,然而这种算法的效率并不高,但利于理解。 
  
    假设主串s="ababcabcacbab",模式串为t="</div>
                                </li>
                                <li><a href="/article/3456.htm"
                                       title="枚举类型的单例模式" target="_blank">枚举类型的单例模式</a>
                                    <span class="text-muted">zhb8015</span>
<a class="tag" taget="_blank" href="/search/%E5%8D%95%E4%BE%8B%E6%A8%A1%E5%BC%8F/1.htm">单例模式</a>
                                    <div>E.编写一个包含单个元素的枚举类型[极推荐]。代码如下: 
 
 public enum MaYun {himself; //定义一个枚举的元素,就代表MaYun的一个实例private String anotherField;MaYun() {//MaYun诞生要做的事情//这个方法也可以去掉。将构造时候需要做的事情放在instance赋值的时候:/** himself = MaYun() {*</div>
                                </li>
                                <li><a href="/article/3583.htm"
                                       title="Kafka+Storm+HDFS" target="_blank">Kafka+Storm+HDFS</a>
                                    <span class="text-muted">ssydxa219</span>
<a class="tag" taget="_blank" href="/search/storm/1.htm">storm</a>
                                    <div>cd /myhome/usr/stormbin/storm nimbus &amp;bin/storm supervisor &amp;bin/storm ui &amp;Kafka+Storm+HDFS整合实践kafka_2.9.2-0.8.1.1.tgzapache-storm-0.9.2-incubating.tar.gzKafka安装配置我们使用3台机器搭建Kafk</div>
                                </li>
                                <li><a href="/article/3710.htm"
                                       title="Java获取本地服务器的IP" target="_blank">Java获取本地服务器的IP</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/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/%E8%8E%B7%E5%8F%96%E6%9C%8D%E5%8A%A1%E5%99%A8ip%E5%9C%B0%E5%9D%80/1.htm">获取服务器ip地址</a>
                                    <div>
        System.out.println("getRequestURL:"+request.getRequestURL());
		System.out.println("getLocalAddr:"+request.getLocalAddr());
		System.out.println("getLocalPort:&quo</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>