Wordpress

hexo建立博客过程中的问题

最近博客越来越慢了.然后一直也有markdown写文章的想法.于是花了点时间把博客迁到了hexo+github+gitcafe的组合上. ##安装Git## 下载 msysgit 并执行即可完成安装。 ##安装Node.js## 在 Windows 环境下安装 Node.js 非常简单，仅须下载安装文件并执行即可完成安装。 ##安装hexo## 利用 npm 命令即可安装。（在任意位置点击鼠标右键，选择Git bash） npm install -g hexo 安装完成后,找个目录,比如d:/blog下面.右键,git bash,然后执行 hexo init 这样就会自动生成所有的目录结构了然后在安装一下依赖包: npm install 然后执行 hexo generate 用来根据md文件生成对应的html文件.执行 hexo server 则启动本地服务器.打开 127.0.0.1:4000端口查看本地查看没啥问题.就需要部署到git上了.先配置一下. 在d:/blog下面的_config.xml中配置远程git的服务器.现在已经支持同时部署到github和gitcafe.在末尾添加 deploy: type: git repo: github: [email protected]:yourname/yourname.github.io.git,master gitcafe: [email protected]:yourname/yourname.git,gitcafe-pages 其中的yourname就是你的名字然后执行 hexo deploy 即可.让输入啥就输入啥. 下面是命令的简写 hexo g == hexo generate hexo d == hexo deploy hexo s == hexo server hexo n == hexo new ##网站主题配置## 同样的,在d:/blog下面执行 git clone https://github.com/wuchong/jacman.git themes/jacman 即可复制主题. 然后修改_config.xml文件.在里面找到theme 设置为 theme: jacman 注意冒号后面有空格 ##wordpress迁移## 导出文章登录wordpress管理控制台，选择工具->导出，再选择文章。点击下载导出的文件，就可以得到一个名称类似wordpress.2015-01-12.xml的文件。安装迁移插件 npm install hexo-migrator-wordpress --save执行安装导入文章 hexo migrate wordpress source 这里source就是刚才那个文件的地址,绝对路径或者相对路径都行.导出的中文可能有编码.手动改一下,或者写个脚本简单转换一下. 导入图片经过上面的步骤,会发现图片还是原来的连接.这里看这个导入图片插件使用 ##其他问题## github连接出现Bad file number问题使用GitHub来管理博客源文件 Hexo免输入密码部署到github 教程:github设置多账号

wordpress 实现404个性跳转页面

这个就不多说了，直接贴代码，使用方法就是把这些代码全部拷贝进你的404.php这个文件。后台点击外观-编辑-选择404.php，开始编辑，完成后然后就可以自己测试下效果了，你也可以先访问http://leaver.me/test404查看效果 <title>404</title> <style type="text/css"> body{ margin:0; padding:0; font:14px/1.6 Arial,Sans-serif; background:#fff url(img/body.png) repeat-x; } a:link,a:visited{ color:#007ab7; text-decoration:none; } h1{ position:relative; z-index:2; width:540px; height:0; margin:110px auto 15px; padding:230px 0 0; overflow:hidden; xxxxborder:1px solid; background-image: url(http://leaverimage.b0.upaiyun.com/20346_o.jpg); background-repeat: no-repeat; } h2{ position:absolute; top:17px; left:187px; margin:0; font-size:0; text-indent:-999px; -moz-user-select:none; -webkit-user-select:none; user-select:none; cursor:default; width: 534px; } h2 em{ display:block; font:italic bold 200px/120px "Times New Roman",Times,Serif; text-indent:0; letter-spacing:-5px; color:rgba(216,226,244,0.3); } .link a{margin-right:1em;} .link,.texts{ width:540px; margin:0 auto 15px; color:#505050; } .texts{line-height:2;} .texts dd{margin:0;padding:0 0 0 15px;} .texts ul{margin:0;padding:0;} .portal{ color:#505050; text-align:center; white-space:nowrap; word-spacing:0.45em; } .portal a:link,.portal a:visited{ color:#505050; word-spacing:0; } .portal a:hover,.portal a:active{color:#007ab7;} .portal span{ display:inline-block; height:38px; line-height:35px; background:url(img/portal.png) repeat-x; } .portal span span{ padding:0 0 0 20px; background:url(img/portal.png) no-repeat 0 -40px; } .portal span span span{padding:0 20px 0 0;background-position:100% -80px;} .STYLE1 { font-family: Arial, Helvetica, sans-serif; font-size: 65px; } </style>  <script type="text/javascript"> var i = 5; var intervalid; intervalid = setInterval("fun()", 1000); function fun() { if (i == 0) { window.location.href = "<?php bloginfo('url'); ?>"; clearInterval(intervalid); } document.getElementById("secondsDisplay").innerHTML = i; i--; } </script> </head> <body> <h1></h1> <h2><em><span class="STYLE1">404 Error   </span></em>: 您所查找的页面不存在,可能已被删除或您输错了网址!</h2> <p class="link"> <a href="/">◂返回首页</a> <a href="javascript:history.go(-1);">◂返回上一页</a> </p> <dl class="texts"> <dt>我正在联系火星总部查找您所需要的页面.请返回等待信息..</dt> <dd> <ul> <li>不要返回吗?</li> <li>确定不要返回吗?</li> <li>真的真的确定不要返回吗?</li> <li>系统在 <span id="secondsDisplay" style="font-size:20px;color:red;">5</span> 秒钟之后带你返回地球。</li> </ul> </dd> </dl> </body>

外部图片使用灯箱效果

　我当前使用的这个主题如我前面所说，是支持灯箱效果的，如果你不知道什么是灯箱效果，点击文章中的图片就知道了，而我因为使用的是图床，主机提供的。和我的网站不在一个地方。。所以点击没反应。。想了想。其实很简单。。那就是切换到HTML编辑页面，点击img按钮。。添加了一幅图片，然后把图片的标签选中，也就是整个img标签。包括开始和结束。然后，点击link按钮。给图片加上一个超链接。当然地址就写图片的地址了。这样点击图片的时候就会有灯箱效果了。。效果点击下图即可

wordpress使用NextGEN Gallery 图片展示重复解决

博客刚刚建立，找了一个比较漂亮的主题，白色的。也就是Origin这个。然后呢。为了有一个好的图片展示效果，也就是我首页的相册页面。我使用了被大家广泛好评的NextGEN Gallery，在一切完成后，我发现浏览图片的时候会出现重复的效果 ...