The background,
Nuggets is a community that helps developers grow and a content sharing platform for Internet technologists.
Nuggets Web Plug-in is a browser plug-in designed for developers, designers and product managers, one-stop aggregation of quality content, shortcut tools, commonly used Web sites, etc.
Second, the installation
2.1 the Edge installation
Microsoft Edge is a web browser developed by Microsoft based on the Chromium project and other open source software.
Since it’s almost identical to the famous Chrome and lighter, a lot of developers have moved on since Microsoft launched it.
If you’re using Edge, just go to the Chrome Plugin store (similar to the Chrome Web Store) and install it.
Download at 👇👇👇
Rare Earth Mining – Microsoft Edge Addons
When we open the page, we can see the following page, where we can see some official introductions and user comments.
To install the extension, just click the get button in the upper right corner and a confirmation dialog box will pop up.
The Edge browser will then automatically download and install the plug-in for us.
But we might run into a few hiccups the first time.
The Edge browser has successfully installed the plugin, but it turns it off by default. Actually, this is because the gold digger plugin changes our default startup page, which requires us to turn it on for security reasons.
Open is also very simple, we only need to enter the extension management page to actively open the gold digging plug-in switch.
You can also type edge:// Extensions/from the address bar to quickly navigate to the extensions management interface.
Once opened, we see a little gold digger logo in the plugin bar. Clicking on it will give you some quick actions, which we will explain in detail below.
2.2 the Chrome installation
This is exactly the same as installing Edge, except that the address of the plugin has been changed to Chrome’s own app store.
Download at 👇👇👇
Rare Earth Nuggets – Chrome Web Store (Google.com)
There is a small problem here. Accessing the Chrome Store requires a smooth network environment, so if you have a poor network, we recommend switching to the Edge browser or using an offline installation.
2.3 Offline Installation
Offline installation, as the name suggests, is when you manually download the plug-in and install it in the browser.
Download at 👇👇👇
Rare Earth Mining browser plugin – juejin
Here’s a little detail, when we’re in Edge access, there’s just an online install button, click to jump to the Edge App Store.
But when we use Chrome, in addition to the online install button, there is also an offline download button on the right, so it seems that the authorities have taken our dismal Internet access into account.
Below are the offline installation steps
1️ access to plug-in files
We click the offline package download button, the browser will automatically download a Zip file, such as this time I download is xitu_extension – online – v1.0.0.279. Standalone. Contents. Zip file.
After the download is complete decompression is a contents file, such as this is xitu_extension – online – v1.0.0.279. Standalone. Contents
The CRX file is a Chrome plug-in file, which is an extension program of The Chrome browser. It is used to enhance various functions of the Chrome browser.
2️ open browser developer mode
Enter Chrome :// Extensions/in the browser address bar to go to the plug-in management screen and enable the “Developer mode” switch in the upper right corner.
3️ offline installation plug-in
Drag the decompressed CRX file to the plug-in management page to complete the installation.
Similarly, the installation is closed by default, we find the gold digging plug-in, manually open.
Three, function introduction
Let’s take a look at what the default interface looks like.
We can see that there are a lot of features, the interface elements are very rich, very modern, using the form of a combination of timeline and grid view, can help us get quality content more quickly.
Let’s give a brief introduction in the order of notes.
3.1 Functional navigation of nuggets main station
The area on the left side of the head is mainly for jumping to the main station, which is relatively easy.
From left to right
3.1.1 Rare earth mining
Jump to dig gold main station
3.1.2 Nuggets pamphlet
Click jump to dig gold small book, mouse hover will show the new small book, as one of the main features of the nuggets, must occupy a C bit
3.1.3 Download nuggets APP
Hovering over will reveal a QR code for downloading the Nuggets App
3.1.4 Display of popular activities
The nuggets’ most recent events will be showcased here, such as the annual popular author list, which is hot at the end of the year.
3.2 set area
This area on the right of the head is what I call the setup area.
Basically, it’s used to set the content of the display, the UI of the display, the layout of the display and so on.
3.2.1 Interest Selection
This will affect the source of the following content display. For example, if I choose the front end, Github information will be displayed in the middle of the page by default. If I change to the product, the content displayed in the middle of the page will be programmed accordingly with the product-related PMCAFF content.
3.2.2 Dark Mode Switching
Eye protection is a must, hope nuggets station will follow up soon, here is a small detail, when we are daytime theme, there will be theme color options at the bottom of the set, built-in 7 colors, a mood ☀ a day.
3.2.3 Layout Switching
It has three modes, namely classic mode, browse mode and tool mode.
- The classic pattern is that the search bar will be embedded in the toolbar row, and then the grid area will only have the main nuggets related content and external related information
- Browsing mode is more than a boiling plate, convenient digging friends touch fish ~
- Tool mode, in the search box below some more shortcuts to navigate the site, as well as a shortcut tool section, which is integrated with several utility tools by default
3.2.4 set
In the Settings screen, the top half of the plugin is about some switches, are very simple.
-
If set to Browser TAB -> Open, it will occupy the new TAB of our browser, so when we create a new TAB, the default is to open the gold digging plug-in. If this function is disabled, the next time we visit the gold digging plug-in interface, we need to click the gold digging small icon in the plug-in bar
-
Auto Switch Dark color mode -> Auto switch theme based on the current time
-
The new TAB open link -> is used to determine whether to open the new TAB when we open the article information
-
Start super Search -> Open one of the gold digger add-on’s biggest features
-
Note creation -> One of the main features of the gold digger plugin, can be turned on to quickly create notes
The second half is the setting of shortcut keys and hot words
Hot words are used in the search box, when we call out the search box, type in the hot words, will open the corresponding function.
If we are in tool mode, we will see that the Gold digger plugin provides these five small functions by default, and the hot words in the Settings are corresponding to them. The specific functions will be described later.
3.2.5 Check-in/lottery interface
When we did not check in on that day, the page of daily check in will jump. If we have already checked in
Jump to the nuggets main station lucky draw interface, spell RP time.
3.2.6 Personal Homepage
Clicking on your avatar takes you to the Nuggets’ homepage, which also has a red dot when we get news.
3.3 Search bar and shortcuts
The first line is a search box with the main search engines built in, which we can switch manually or Tab to switch.
The second line is a quick guide that allows us to customize. For example, I added Medium, Reddit, etc., which we use when we turn on the computer in the morning
3.4 Information flow in nuggets nuggets station
This section is mainly to show the website in the nuggets station, the content is related to the interest we choose in the functional area.
3.5 Information flow within the website
Here we see you can directly switch to blog park, Gitee, etc., nuggets of atmosphere!
3.6 Shortcut Toolbar
Nuggets provides five quick tools to query IP time stamp qr code translation notes. When we click, a drawer will be pulled out from the right side, such as the note-taking function, which is one of the most important features of this plug-in, which we will discuss in detail below.
3.7 Fish plate
Ha ha, in fact, is the boiling plate digging gold, digging friends of the source of happiness!
Four, the main functions
4.1 Search Function
First of all, we can only call up the search box by using the shortcut key described in the Settings above, for example, jj is the default. Second, this setting is global, that is, in other pages, we can also directly press JJ to call up the search box.
4.2 Note Taking function
First of all, the notes function has several entrances. For example, when we click on the nuggets logo in the browser plug-in bar, a small window pops up with notes and my notes.
Then we can also click the notes button in the toolbar in the plug-in page to enter.
We can also type the hot word note after JJ calls up the search box.
If we enable the use of words to create notes in our Settings, we can swipe and select text while browsing the web, and a notebook icon will appear on the page. Click to create notes quickly.
Let’s take a look at the notes interface
Layout is the layout of regular notes, with a search function at the top. After searching, notes containing keywords will be displayed in the list, and the keywords will be highlighted.
Then the navigation area on the left is to view all notes, view star notes, view labels, and recently deleted notes.
On the right is the display of notes, sorted by the time of modification, the latest modification will go to the top.
By default, a single note shows whether it is a Markdown document, a star note, the note title, a summary of the content, and the tag it belongs to.
The note-taking interface is also simple
A large content writing area, with a reminder at the bottom to add reading, and an expand button on the right to redirect to a new page that supports rich text editing and Markdown support.
There will be a digital reminder on the plugin button when the time is up if we haven’t read the article.
One of the most important functions of notes is synchronization, which is also available. In the Settings button at the top, switch to my interface to back up navigation, notes, etc.
5. Optimization suggestions
5.1 Plug-in Layer
It is hoped that the plug-in does not occupy the TAB page by default, so that it will not be closed by the browser by default after installation, which increases the initial cost of users. It should rely on the excellent content to guide users to open the Settings.
Second, consider that many people have already installed other TAB extensions, such as the famous Infinity extension, which is prone to conflict.
5.2 the UI level
5.2.1 Layout Optimization
The first is the main page of this and that plug-in, although we use the grid view layout, but at first glance, it is really full, a kind of dazzling feeling.
Actually in the long run, the user’s focus will be more and more focus, such as someone like watching the nuggets flow of articles, some people like to look at the boiling point, but unfortunately, these two modules for space are relatively short, leading to feel very uncomfortable, I commonly used module, make up a little, but I don’t want to see may occupy most of the content of the page.
Therefore, it is suggested that users can freely configure these grids, including grid deletion, grid location, grid size, etc., and give the initiative to users.
5.2.2 Theme color optimization
First of all, I think there is no need to have a separate button for the dark mode switch at the top. I think the button placed here should be some high frequency (such as check-in, message processing) or important functions (such as Settings), and the frequency weight used in dark mode should not be so high.
Second, if it is dark mode, there is no theme color option in the Settings, in fact, dark mode can also be colorful. The dark mode and daytime mode theme colors can actually be combined, and the dark mode can simply be understood as the black theme color.
Finally, I tried to switch to a purple color, but I looked for a long time. Except for the background color of the search box, I could not find any suitable color. Moreover, the color match looked strange.
This point of advice is to hope that the official built several theme color polished polished, now is absolutely not a complete theme switch function.
The second is to enrich the choice of theme, such as setting background images.
The third is to provide external documentation or interfaces that allow users to participate in the configuration of theme colors. For example, Nuggets has user-contributed Markdwon themes and code highlighting styles. If you do this, I believe there will be a lot of good themes and reduce the development pressure of nuggets.
5.3 Functional Layers
5.3.1 Display of nuggets nuggets
Let’s start with the nuggets’ home depot presentation.
For example, I paid attention to the Android module, but I was a little confused about the list that the plug-in pushed to me. The main reason is the content. I compared the hot or hot list labels under the Android module of the main site, and found that the content is different, I don’t know why.
The second one is that on the main site, we can also select a secondary TAB under Android. For example, I am interested in Compose recently, and I often check for compose, but this requirement cannot be satisfied in the Nuggets plug-in.
Third or display content, possibly to typesetting, remove the article summaries the, in fact, I think the article is very important, hope the products in the UI and then think about how to make a balance on the function, in fact behind the praise and comment Completely is a display, click will open the new page of this article, for thumb up, the process is bad.
5.3.2 Display of contents on the websites of the three parties
The first thing to be sure of is that the Nuggets plugin allows you to display content from other competing sites, which is very admirable.
But now that the functionality is done, hopefully it will be richer and more robust.
Check out the Gif above and make a few small suggestions.
I hope the third party website can support customization. For example, many people are disgusted with C**N, so I hope to remove the content of this website.
Second can see when we cut to making content classification, time and language choice, only when I was switching to Gitee language selection, then switch to the garden is a blog content, and the contents of this show looks still have no idea, is a mess, even there are a lot of content and I choose to not go, For example, I chose Android and ended up with a blog garden full of CSS articles.
That occupies the entire plug-in page absolute C, but the content of the show is a bit poor, hope the products can consider how to get through, and these platforms if you don’t get through, the content of the present is certainly not much value, he doesn’t like the content of the information class oriented object are all public, information flow difference between programmers can work must be very big.
5.3.3 Display of other contents
As far as I am concerned, the content of the nuggets plug-in is fixed, hopefully more modules can be provided later, so that users can freely choose the combination of presentation.
For example, if you get through with the master station, you can make a column module, you can also make a visual view of the data of the creator center, and even the user can make a display of the information of the whole master station, such as the big handsome ape make the gold digging city.
If it is off-site information, my suggestion is to do account opening, built-in support websites, such as blog park, users input blog park information will show his own personalized information flow, so that the content will be more appropriate.
There is also a good Idea for off-site information, that is RSS, although it is not easy to do (strong as Google Reader has been closed), but once it has this feature, it is definitely one of the highlights of the gold digging plug-in, and also one of the main features to increase user engagement.
There is also a more niche feature – podcasting – that you can consider.
Actually say that finish after the above Suggestions for content, I found that plug-in may do some display of the data stream, such as the creator center data, such as some kanban, such as podcasts will be some more appropriate, if to do show technical articles, feel has some overlap with the main function, secondly tripartite content display is more difficult to control, easy to backfire.
Of course, this is just my flirtatious idea, may involve the product positioning of the plug-in itself, product consideration.
5.3.4 Search Function
First of all, the first is the search engine does not support modifying or sorting, must complete one-stop workbench, the tools themselves must according to the hand, some people don’t so much a search engine, some people this a few enough or have a special search engine, here it is better to support custom cuts, in fact, the browser itself also built-in + custom search engine, This is something plug-ins can learn from.
The second is that shortcut keys are easy to conflict, for example, many programmers will install viM stream plug-ins, then J will definitely conflict, I hope that after the plug-in installation can achieve shortcut key conflict detection will be more friendly.
The third search is complete and is now the browser’s behavior is consistent, the main process might be the key of the user through the parameter to carry out, in the new page to open corresponding search engine search, what actually didn’t do this, a plug-in is passing, do a keyword that if this is so, system-level tools more sweet, isn’t it, For example, Alfred on the Mac, if I want to search for something on Google, I just Alt + space, call up the search box, type g+, and it automatically opens the browser and searches Google. If I search on Baidu, I just change the keyword B +.
This is mainly because of the whole nuggets plugin experience, it feels like search is being developed as a blockbuster feature, after all, there are also internal integration of hot words and so on, but obviously there are a lot of challenges to be faced with this feature.
Based on my years of experience with Chrome, I have one big piece of advice for the product.
If you want to make the search function bigger and stronger, you can refer to the well-known searchEngineJump search engine
It looks something like this
It can be seen that in the search interface, it can let us switch the search engine, which is a very useful function, I hope the product can consider, this function is built in, so that there are a lot of things to do in the search function, and will definitely become one of the highlights of the gold digging plug-in.
5.3.5 Shortcut Navigation
First of all, the link is not convenient to add, WHEN I add a url, it is completely two text boxes, no linkage, WHEN I enter the url, and can not automatically crawl the site name, but this is a small problem, belongs to the optimization item.
It is suggested that the product can experience the Infinity plug-in for this function.
When you add navigation to it, there’s a built-in database that lets you type in keywords to filter out relevant sites.
Database for the official built-in and user – defined upload, so that we can be highly customized at the same time, but also through here to find some similar quality sites.
This actually depends on how the product is positioned for navigation. For now, the UI should be given only one line, so the title is limited to 5 characters and the number of characters is limited to 10.
But I sincerely suggest the function localization of products can consider it again, will give the line is up to 10, the function is relatively small, in my opinion the first programmer is bookmarks, second we may also have other hobbies such as photography, hardware, etc., these casually add once more than ten, Since we want to become a one-stop workbench, the fast navigation is definitely a very important function. As the portal to open the browser, the plug-in can be distributed to all the websites I am interested in, which is certainly a very good function and a good way to increase user stickiness.
5.3.6 Shortcut Tools
This current experience down, the technical implementation should be similar to iframe wrapped around a third party website.
It’s a very bad experience.
Take IP for example.
My current net is actually quite good, but I do not know why I open, wait for a while, has been black, here will expose several problems.
First, the service is not reliable and controllable. If the url server fails, the indirect result is that users using the gold digger plug-in will feel that the small tool is not good to use.
The second is the content, I clearly is to check IP, but after I open it, it will provide a lot of other functions, know that this is a third-party website can still understand, do not know will be very confused, what is this function.
You can see that when I opened it, there was a universal translator inside.
Secondly, there are several problems that his website theme color is white, and my plug-in is now in dark mode, the overall look of this piece will be very incongruous, but also very dazzling.
Usually this kind of site will accept the advertisement to support themselves, the link will see the advertisement in the nuggets plug-in, this is an absolutely intolerable behavior ah, nuggets is such a pure site.
So this whole module, I suggest, is a two-step process.
The first step, the third party url is changed to make the wheel themselves, the control is in their own hands, can be built from the classic small tools (JSON/codec, etc.), you can build slowly, build less, slowly, but must be well controlled by yourself.
The second step is to open up the interface so that diggers have the opportunity to participate in the construction of the wheel, which not only reduces the pressure of digging, but also enrichis the gadgets of digging plug-ins.
For this, take a look at the classic FeHelper-awesome (baidufe.com). It has a lot of solid functions built in, and at the same time provides users with the ability to integrate their own plug-ins.
What makes IDEA the ceiling of development tools is not only its out-of-the-box functionality, but also its plug-in mechanism, which makes it a special weapon in everyone’s hands.
5.3.7 Boiling point module
Although the boiling point is the source of happiness to dig the friends, but the boiling point, after all, or a partial entertainment in the Denver nuggets in the master station can be divided into two modules can also accept, but under the plug-in is strange in a page show, although the classic mode can not show the boiling point, but I’m still here suggest that allows users to free collocation model, more perfect just the way they are.
5.3.8 Note Taking Function
After the experience, it can be seen that the notes should be the main feature of the current nuggets plugin, but there are still a lot of details to polish.
Such as
- You can only add one tag to your notes, which is a bit of a dilemma.
- When creating new notes, even handwritten Markdown syntax cannot be recognized without editing.
- Cannot add pictures.
Hopefully, these small problems can be optimized through subsequent iterations.
5.4 Function Suggestions
5.4.1 Quality content aggregation
Instead of being able to see nuggets, Github and Gitee in one page, WHAT I want more is to be able to see the content I am interested in aggregated in one interface, which comes from various technical websites. For example, I saw the new hotspot “swarm” in Nuggets, and then I read some relevant content on Medium. I hope that these relevant articles from different platforms can be aggregated together, which is convenient for me to sort out, study and search later, just like Pocket. I hope this feature can be added to the product.
Todo
Checklists are also a very important feature for programmers, and integration would be nice.
5.5 Optimization Summary
Actually said a pile of above, summarize down is to want to do a one-stop workbench, built-in functionality alone can never satisfy all people, should refer to other products of plug-in mechanism, the nuggets integrated some basic function of classic opening the plug-in itself, at the same time provide extensions, let users involved in construction of plug-in, it will be more and more powerful.
Six, blessing
As a veteran player, I’ve been with the Nuggets for six years since I joined the team in December 2015.
Nuggets has become the leading technology developer community in China, with a large number of high-quality content gathered on the site. The birth of plug-ins not only enables developers to quickly access nuggets’ high-quality content, but also supports the aggregation of excellent website content at home and abroad, such as Medium, which greatly reduces the cost of information acquisition.
At the same time as a senior at least ten years heavy Chrome users, I for almost all popular plug-in experience on market, now the state of the commonly used plug-in is filtering down to keep so many years, few increase, the threshold has been the high many, don’t blow not black, the nuggets plug-in to really grow up to be a developer platform for the one-stop solution, There’s still a long, long way to go. Come on!
Finally, good luck to the Nuggets!